日期:2014-05-17  浏览次数:20550 次

请教,css中这个定义div#menuWeb ul#ulMenuWeb li a.opcion1是什么意思?
主要是a.opction1在这里面是什么意思?

------解决方案--------------------
<a class="opction1"
有效

div#menuWeb ul#ulMenuWeb li a.opcion1
完整的表示 id=menuWeb 下子节点ul id=ulMenuWeb li里面的class="opcion1"的a
<div id="menuWeb">
<ul id="ulMenuWeb">
<li><a class="opcion1">这里a的样式</a></li>
<li><a class="opcion1">这里a的样式</a></li>
</ul>
</div>
------解决方案--------------------
div#menuWeb ul#ulMenuWeb li a.opcion1


1.空格描述的是元素的包含关系,子孙层级限定
2.#对应ID唯一标识
3..是css类名,通常一类,html里面可以多次引用

上面的div#menuweb,就是id为menuweb的元素,比起*#menuweb不指定元素的,更进一步限定了

div#menuWeb ul#ulMenuWeb li a.opcion1
选择器选择的元素的类型基本是最后那个,这里肯定是选择的a元素啦,前面那些都是限定语,比如中华人民共和国山东省济南市市委书记,选择的是市委书记,前面是限定条件。

总结:要选择的a元素满足条件,
ID为menuWeb的div标签里面的,并且ID为ulMenuWeb的UL元素里面的 包含在li里面的,含有css类opcion1的元素a,不满足条件筛不出来。