? 這里CSS選擇器主要分為以下這幾種:1. 標簽選擇器 2. class選擇器 3. id選擇器 4. 復合選擇器 5. 通配符選擇器?CSS 選擇器的主要功能就是選中??指定的標簽元素. 選中了元素, 才可以設置元素的屬性.
1.標簽選擇器
<style>p{color: red;}
</style>
<body><p>標簽選擇器</p>
</body>
? 這里面表示,所有的P標簽?設置為紅色。
2.class選擇器
<style>.one{color: red;}
</style>
<body><div class="one">類選擇器</div>
</body>
這里表示選擇class為one的元素,顏色改為紅色。這里注意上面的需要.類名。
3.id選擇器
<style>#one{color: red;}
</style>
<body><div id="one">id選擇器</div>
</body>
?注意點:
? 1.所有的標簽上都有id屬性
? 2.id屬性值類似于身份證號碼,在一個頁面中是唯一的,不可重復的
? 3.一個標簽上只能有一個id屬性值
? 4.一個id選擇器只能選中一個標簽
?這里表示id為one的元素,顏色改為紅色。(id選擇器的時候需要#id)
?4. 通配符選擇器
<style>*{color: red;}
</style>
<body><div>通配符選擇器</div>
</body>
? 這里表示設置頁面所有為紅色。
5. 復合選擇器
ul li a{coler : blue;
}
? 這里表示ul標簽下的 li 標簽下的a 標簽 ,設置為紅色。
1. 以上三個標簽選擇器ul li a 中的任意,都可以替換成類選擇器,或者id選擇器,可以是任意選擇器的組合,也可以是任意數量選擇器的組合。
?2. 不一定相鄰的標簽。
?3. 如果需要選擇多種標簽,可以使用,分割。逗號前后可以是以上任意選擇器,也可以是選擇器的組合。