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

css的嵌套选择器用法总结
css复合选择器的使用规则
1、id嵌套class #myid.myclass: <p id="sp" class="myclass"></p>。
2、一个元素标签使用多个class。.important.warning <p class="important warning">注意不要有空格 。有空格表示分别适用于两个class。
3、id标签内的class元素。#myid .myclass  <div id="myid"><p class="myclass"></p></div>
4、元素标签下的class。p .myclass <p><span class="myclass"></span></p>
4、元素标签下的id。p #myid<p><span id="myid"></span></p>
5、class下的元素标签。 .myclass span  <p class="myclass"><span>dd</span></p>
6、id标签内的id标签 #myid #myid2 <div id="myid"><div id="myid2"></div></div>。id的用法和元素标签类似。
7、.myclass1 .myclass2是表示两个class使用同一个样式,而不是嵌套。class也能嵌套class。但是若两个.myclass之间没有空格则表示同时拥有这两个class
8、元素标签嵌套元素标签 p span <p><span></span></p>