標籤選擇器的形式:標籤名
標籤選擇器會選中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 ...