给讲解下CSS中的ID选择器
发布网友
共2个回答
热心网友
以上都是包含选择器，也就是选择器的嵌套，这是CSS代码优化的写法，这样写可不需要为ID为#nav_son的标签内的UL标签内的LI标签内的A标签单独定义CLASS或是ID，你看CSS代码不就少了许多。
#nav_son ul li a{……}
可以这样理解：包含在ID为#nav_son内，包含在UL标签内，包含在LI标签内的A元素的样式。
#nav_son ul li a:hover{……}
同上，这是鼠标移上去的样式，background:url(images/dropTagred02.jpg) 54px 12px no-repeat;表示背景为dropTagred02.jpg，从距左54像素，距上12像素的位置作为背景，no-repeat;表示背景不重复。
热心网友
“#”符号是ID选择器
#nav_son ul li a:hover
表示选取的ID为nav_son元素里的 ul内 的li内的 a 的hover
图示如下
<div id="nav_son">
<ul>
<li>
<a href="#">选取的就是这个A元素的hover</a>
</li>
<ul>
</div>
多数情况下，不建议通过定义元素的ID来实现元素样式的编写。
ID为唯一的。而当你有一个元素的样式在本HTML页面很多地方都可以用到的时候，这时你无法给每个元素定义同样的ID。。建议使用CLASS
