CSS中的幾種選擇器。

2021-09-17 23:35:37 字數 935 閱讀 8852

標籤選擇器的形式:標籤名

標籤選擇器會選中html中的所有同型別的標籤,對這些標籤進行修改。

後代選擇器的形式:父標籤名 「空格」 子標籤名,空格代表的意思就是後代的意思,空格後的為後代,

後代選擇器會選中父標籤的後代,這個後代不侷限於只能是標籤,也可以是類選擇器的名稱,例如class,

div table tr td p{}

上面這行**選擇的是div標籤中的table標籤中的tr標籤中的td標籤中所有的p標籤。

看起來很繞,但其實是層層推進的,越靠左則輩分越大,越靠右輩分越小,直到最後的

子標籤。

.class1 .class2 .class3 .class4{}

這行**指的就是類選擇器之間的關係,是指從class="class1"開始的父元素,

層層遞進選擇,直到選中class="class4"的元素。

序選擇器形式主要有

:first-child 選中同級別中的第乙個標籤

:last-child 選中同級別中的最後乙個標籤

:nth-child(n) 選中同級別中的第n個

:nth-last-child(n) 選中同級別中的倒數第n個

:only-child 選中父元素中只有乙個子元素的元素

注意點:不區分型別

:first-of-type 			選中同級別中同型別的第乙個

:last-of-type 選中同級別中同型別的最後乙個

:nth-of-type(n) 選中同級別中同型別的第n個

:nth-last-of-type(n) 選中同級別中同型別的倒數第n個

:only-of-type 選中父元素中子元素的型別只有一種的元素

幾種css選擇器

css提供了許多選擇器來實現精確地定位標籤元素,主要有以下幾種 div p.box 可以看出,div標籤和p標籤的class名都為 box 因此他們都應用該樣式,因為多個標籤可以有相同的class名,所以class選擇器應用最為廣泛。box 需要注意的是,標籤的id具有唯一性,多個標籤的id不能相同...

CSS的幾種選擇器

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

CSS的幾種核心選擇器

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