CSS3 新增選擇器

2022-02-24 01:39:38 字數 1196 閱讀 7010

li:first-child li:last-child li:nth-child(4)

選取標籤帶有某些特殊屬性的選擇器 我們成為屬性選擇器

/*

獲取到 擁有 該屬性的元素

*/div[class^=font] div[class$=footer] div[class*=tao] 屬性選擇器

屬性選擇器

屬性選擇器

屬性選擇器

屬性選擇器

屬性選擇器123

屬性選擇器footer

屬性選擇器footer

屬性選擇器

屬性選擇器

屬性選擇器

input[type=text]

div[class*=tao]

e::first-letter文字的第乙個單詞或字(如中文、日文、韓文等)

e::first-line 文字第一行;

e::selection 可改變選中文字的樣式;

p::first-letter 

/*首行特殊樣式

*/p::first-line p::selection

4、e::before和e::after

在e元素內部的開始位置和結束位建立乙個元素,該元素為行內元素,且必須要結合content屬性使用。

div::befor div::after

e:after、e:before 在舊版本裡是偽元素,css3的規範裡「:」用來表示偽類,「::」用來表示偽元素,但是在高版本瀏覽器下e:after、e:before會被自動識別為e::after、e::before,這樣做的目的是用來做相容處理。

":" 與 "::" 區別在於區分偽類和偽元素

之所以被稱為偽元素,是因為他們不是真正的頁面元素,html沒有對應的元素,但是其所有用法和表現行為與真正的頁面元素一樣,可以對其使用諸如頁面元素一樣的css樣式,表面上看上去貌似是頁面的某些元素來展現,實際上是css樣式展現的行為,因此被稱為偽元素。是偽元素在html**機構中的展現,可以看出無法偽元素的結構無法審查

注意偽元素:before和:after新增的內容預設是inline元素**;這個兩個偽元素的content屬性,表示偽元素的內容,設定:before和:after時必須設定其content屬性,否則偽元素就不起作用。

CSS3 新增選擇器

新增選擇器 用法描述 element1 element2 p u選擇在同乙個父級元素下的p後面的所有的ul 選擇其 src 屬性值以 https 開頭的每個a元素 attribute value a src pdf 選擇其 src 屬性以 pdf 結尾的所有a元素 attribute value a...

css3新增選擇器

1.屬性選擇器 1 e att 元素 屬性 選擇具有att屬性的e元素,需要選擇有某個屬性的元素,而不論是行為是什麼,可以使用簡單的屬性選擇器 注 可以根據多個屬性進行選擇,只需要將屬性選擇器連線即可。2 e att val 元素 屬性 屬性值 選擇具有att屬性且屬性值為val的e元素,進一步縮小...

css3新增選擇器

屬性選擇器 1.dom attr 帶有attr的屬性會被選擇 2.dom attr value 帶有attr的屬性,並且值為value的元素會被選擇 3.dom attr value 帶有attr的屬性,並且值當中只要包含完整的value單詞,就會被選擇 4.dom attr value 帶有att...