1. 程式人生 > >【css】選擇符

【css】選擇符

css

1)常用選擇符優先級

id選擇符(#開頭) > class選擇符(.開頭) > 標簽選擇符(h1等標簽)

2)組合選擇符

2.1)通配選擇符 *

1)適配文檔中的所有html對象
2)用於定義文檔中所有對象的基礎樣式(消除瀏覽器默認設置的基礎樣式)
3)要放在css代碼的首行
4)最常見的用法:*{margin:0;padding:0;} /*消除所有html標簽默認存在的內外邊框,一般css文件
第一行必須書寫*/

2.2)包含選擇符 p a /父標簽 子標簽

1)根據html對象的嵌套關系,指定某個元素的子級元素樣式
2)選擇符對象可以多重包含,一層層包含下去,樣式僅作用域最後的內部對象(元素之間用空格分隔)
3)不僅僅局限於標簽選擇器包含:
如:div p {color:red;}  /*div對象中所有p對象被指定了紅色的樣式*/
如:#box p a {color:blue;}  /*id為box的對象中的p對象中的a對象被指定為藍色樣式*/

2.3)群組選擇符

1)將同樣的樣式用於多個選擇符對象,選擇符對象中用逗號隔開(不局限於標簽選擇符)
2)例子:
h1,h2,h3,h4,h5 {color:red;}

2.4)指定選擇符:標簽名.class類名(此處一般不會使用id,因為id是唯一的,但是類是多個存在)

1)主要用於在使用了某個class類的所有html對象中特別指定某一類標簽
2)如:
<p class="zhiding">  ===>p.zhiding

3)常見的屬性



本文出自 “孔小發愛吃魚” 博客,謝絕轉載!

【css】選擇符