css常見選擇器有什么，css派生選擇器有幾種？
基本選擇器
1.標簽選擇器：直接用元素的標簽來進行選擇
span { // 直接選擇span標簽
size:16px;
}
1
2
3
1
2
3
2.ID選擇器：通過設置id名字，進行精確的選擇，用#來定義
# div1 { //通過id名字來進行選擇
color:red;
}
<div id="div1">1</div>
1
2
3
4
1
2
3
4
3.類選擇器:通過類名來進行選擇，選擇范圍比id選擇器大，用’.'來定義
.div1 { //所有類名為div1的都被選擇了
color:red;
}
<div id="div1">1</div>
<div id="div1">1</div>
<div id="div1">1</div>
1
2
3
4
5
6
1
2
3
4
5
6
4.通配符選擇器：范圍更大，作用于所有標簽，用*來定義
不建議使用，對頁面加載負擔大
高級選擇器
1.后代選擇器：定義用空格隔開
div span { //選擇的是div標簽下的span標簽，當然后代顧名思義可以不止隔一代，可以隔多代進行選擇
color：red；
}
<div><span>1</span></div>
1
2
3
4
1
2
3
4
2.交集選擇器：與后代選擇器定義的不同是，沒有空格隔開，兩個元素緊挨著
span#a1 { //選擇的是兩個條件1.既是span標簽的 2.id名是a1的元素，兩個條件缺一不可
color：red；
}
<span id=“a1”>1</span>
<span >1</span>
1
2
3
4
5
1
2
3
4
5
3.并集選擇器：定義用逗號隔開
span，#a1 { //選擇的是1.是span標簽的 2.id名是a1的元素，兩個條件滿足一個即可
color：red；
}
<span id=“a1”>1</span>
<span >1</span>
1
2
3
4
5
1
2
3
4
5
4.偽類選擇器：
1.靜態偽類：點擊連接之前（link），點擊連接之后(visited)這樣的
2.動態偽類：鼠標移入（hover），點擊之后（focus）
box在HTML中的意思？
這是個CSS的相鄰同胞選擇器。 .box + .box 意思就是：選擇緊鄰第一個box元素的同胞box元素。 這倆類名一樣，解釋起來有點混亂。 我舉個例子。 例如： 標題 標題
文章段落
如果我這么寫：.box1 + h1 ,那么我選擇的就是類名叫.h1-1的元素。 如果：.box2 + h1 ,它不會選擇任何元素，因為.box2的下面沒有一個叫h1的同胞元素。 如果：h1 + div ,那么會選擇.box2的div元素。 第一個元素 + 第二個元素 這個選擇器只會選擇 緊鄰第一個元素 并且是在第一個元素下面的同胞級元素 上面那段代碼，如果你寫 ：.box1 + .box2 將沒有效果，因為他們中間夾了個h1元素。 但是有一個選擇器可以實現，就是.box1 ~ .box2 同胞選擇器。 能力有限，不知幫到了嗎？表示樣式類選擇器的代碼是？
1：標簽選擇器
標簽選擇器，是所有帶有某種標簽的都生效。這里以p為例，也就是所有的帶有p標記的都會這樣的樣式
復制代碼代碼如下:
<html><head><styletype="text/css">p{font:"宋體"; color:#FF0000}</style></head><body><pid="p1">我現在表現的是標簽選擇器</p><pid="p2">我也用的是標簽選擇器</p><h1>我沒有被任何的選擇器修飾</h1></body></html>
2：id選擇器，注意id選擇器是唯一的，因為只有id="yy"的才有這種樣式，而一個頁面里元素的Id必須是唯一的，所以。。。你懂得id選擇器以#開頭用法是：id=""
復制代碼
代碼如下:
<html><head><styletype="text/css">#yy{font:"宋體"; color:#FF0000}</style></head><body><pid="yy">我現在表現的是id選擇器</p><pid="p">我沒有被id選擇器修飾</p><h1>我沒有被任何的選擇器修飾</h1></body></html>
3：類選擇器，類選擇器以.開頭 只要把元素的class="" 就能表現為這種樣式了用法是：class=""
復制代碼
代碼如下:
<html><head><styletype="text/css">.yy{font:"宋體"; color:#FF0000}</style></head><body><pclass="yy">我現在表現的是類選擇器</p><pclass="yy">我沒有被類選擇器修飾</p><h1>我沒有被任何的選擇器修飾</h1></body></html>
html中before怎么使用？
（1）在CSS3中使用before選擇器在元素的前面插入內容，使用after在元素后面插入內容，在選擇器content屬性中定義要插入的內容；（2）使用方法：標簽:before{content:"插入的內容";},可以修改插入內容的樣式；
（3）排除一些不需要插入內容的元素：使用content屬性的追加一個none屬性值。使用方法：標簽:before{content:none;}