幾種css選擇器

css提供了許多選擇器來實現精確地定位標籤元素，主要有以下幾種：

div

p

.box

可以看出，div標籤和p標籤的class名都為「box」，因此他們都應用該樣式，因為多個標籤可以有相同的class名，所以class選擇器應用最為廣泛。

#box

需要注意的是，標籤的id具有唯一性，多個標籤的id不能相同，因此id選擇器使用較少，一般用在內容十分重要或者特殊的地方。

子選擇器

選定某個標籤的某個子元素給予樣式，如果不是子元素比如孫子元素重孫子元素等等則不給予樣式。寫法為選擇器名》選擇器名,這裡的選擇器名可以是標籤選擇器，id選擇器，class選擇器，可自己設計。

兩個選擇器名都是標籤：

div>p

我會應用樣式我不會應用樣式

兩個選擇器名含有class名：

.box>p

我會應用樣式我不會應用樣式我不會應用樣式

同理，選擇器名可以為id名標籤名，甚至id名class名，當然要看實際需要我們設計什麼樣的。

所有後代選擇器

選定某個標籤的某種所有後代元素，給予樣式，寫法為選擇器名選擇器名，兩個選擇器名中間用空格隔開。同子選擇器，兩個選擇器名可以是標籤，id名，class名。

下面就舉兩個標籤名的例子：

div p

我會應用樣式

其他的組合大家可以自行探索，但需要注意id名具有唯一性，class名沒有唯一性。

毗鄰兄弟選擇器

只選擇某個標籤的相鄰的乙個兄弟標籤給予樣式，也就是說它只會選擇乙個標籤，寫法為：選擇器名+選擇器名,這裡的選擇器名也可以為標籤名，id名，class名。

兩個標籤名：

div+p

我會應用樣式我不會應用樣式我不會應用樣式我不會應用樣式

其他的組合同理，毗鄰選擇器強調的是相鄰，乙個。

2 所有兄弟選擇器。

選擇某個標籤的所有兄弟元素，給予樣式，寫法為選擇器名~選擇器名,這裡的選擇器名也可以為標籤名，id名，class名。

也只舉兩個標籤名的例子：

div~p

我會應用樣式我會應用樣式

p.domo

不會應用樣式不會應用樣式會應用樣式

css指層疊樣式表，它用來定義如何顯示html元素。css是能夠真正做到網頁表現和內容分離的一種樣式設計語言。css基礎語法 css由兩部分構成選擇器選擇器通常為你要改變樣式的html元素宣告有乙個屬性和乙個值組成 css的四種選擇器 1 派生選擇器上下文選擇器派生選擇的語法上一級元素b...

標籤選擇器，選擇的是頁面上所有這種型別的標籤，優先順序較低標籤選擇器呼叫測試類選擇器，針對想要的所有標籤使用只需要定義class即可。類選擇器呼叫針對特定的標籤來使用，只能對特定id使用標籤id命名規範說明 id選擇器呼叫偽類選擇器，針對一些標籤具體的行為使用。其中對於標籤特有的狀態而a ...

標籤選擇器的形式標籤名標籤選擇器會選中html中的所有同型別的標籤，對這些標籤進行修改。後代選擇器的形式父標籤名空格子標籤名，空格代表的意思就是後代的意思，空格後的為後代，後代選擇器會選中父標籤的後代，這個後代不侷限於只能是標籤，也可以是類選擇器的名稱，例如class，div table ...