1. 程式人生 > >css之選擇器總結

css之選擇器總結

本文轉載於:猿2048網站➪css之選擇器總結

首先我們來看下有哪些選擇器???
一.基礎選擇器:
html標籤選擇器:通過html標籤來選擇元素。
①所有的html標籤都可以當做選擇器.
②無論標籤藏多深都會被選中。
③選擇的是所有的標籤而不是某個具體的標籤。
所以說我們通過html標籤選擇器來設定的都是一些共性問題。
id選擇器:
①任何的標籤都可以有id屬性和屬性值(因為id是一個全域性屬性)。id命名不能隨意的命名。
大小寫敏感,id的名字中可以有數字,字母,下劃線,但是要以字母開頭。
駝峰命名法:小駝峰命名法,大駝峰命名法。
例如:testStudent(小駝峰) TestStudent(大駝峰)
②id的命名不能重複。
class選擇器:
①任何的標籤都可以使用class屬性(class屬性也是一個全域性屬性)。
②class屬性名可以重複。
③一個class屬性中,可以有多個class屬性值。

二:綜合選擇器
1.後代選擇器(div p)
2.交集選擇器(div.p)
3.並集選擇器(div,p)
4子元素選擇器(div>p)
5序列選擇器(ul li:first-child; ul li:last-child)
6相鄰兄弟選擇器(div+p)
7普通