css複合選取器的使用規則 及 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>

多個空格，完全就不一樣啊