为了账号安全,请及时绑定邮箱和手机立即绑定

9-3中的CSS样式不太明白

#divtest .content .divPics ul a:hover img
{
    border: 5px solid #fff;
    border-width: 5px;
    color: #fff;
}
#divtest .content .divPics ul a:hover
{
    color: #fff;
}
可以解释一下这两段是什么意思吗。此处的样式是作用于#divtest后面所有的元素还是只作用于最后一个元素?
那为什么此处这样写就达不到原本的效果呢?
#divtest a:hover img
{
    border: 5px solid #fff;
    border-width: 5px;
    color: #fff;
}

请大神解答下,谢谢了。

正在回答

1 回答

你可能对 空格 是什么意思不太明白

css里,空格表示父子继承关系,

比如:

#divtest .content   表示  【id为divtest容器下的class为content容器】的属性

#divtest .content .divPics ul a:hover img  表示  【id为divtest下面的class为content下面的class为divPics下面的ul下面的a在鼠标经过时下面的img】 的属性


你的第二个下发应该没问题,只是不严谨,层级关系最好一层一层写清楚

1 回复 有任何疑惑可以回复我~
#1

云淡风轻的天空 提问者

谢谢你的解答,但是假如我直接对img写CSS样式,而不将他的父类一层一层写下来,是没有效果的哦。
2016-04-11 回复 有任何疑惑可以回复我~
#2

云淡风轻的天空 提问者

非常感谢!
2016-04-12 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
jQuery基础课程
  • 参与学习       154768    人
  • 解答问题       7184    个

加入课程学习,有效提高前端开发速度

进入课程

9-3中的CSS样式不太明白

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信