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>

多个空格，完全就不一样啊