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>