CSS學習日記6 選擇器3 屬性選擇器2

2021-10-23 09:51:32 字數 937 閱讀 2706

二.各種選擇器

(一)基本選擇器

(二)結構選擇器

(三)屬性選擇器

6.用 * 屬性內部任何位置出現值的元素

我們發現,只要出現了目標值,就會被選中,不管是單詞還是字串。

"solve"

>只有solve

"solve the worry"

>何以解憂,唯有暴富。how to solve the worry, only rich.正常版

"solvetheworry"

>何以解憂,唯有暴富。how to solve the worry, only rich.沒有空格版

"solveth eworry"

>何以解憂,唯有暴富。how to solve the worry, only rich.空錯格版

"solve-the worry"

>何以解憂,唯有暴富。how to solve the worry, only rich.連字元版

7.用 ~ 屬性值中包含指定詞彙的元素

注意哦,是詞彙 英語詞彙 句子直接詞彙用空格隔開。所以只有詞彙會被選中,字串包含的不行。

8.用 | 以指定值開頭或以屬性連線破折號的元素

必須是完整且唯一的單詞

CSS3選擇器 屬性選擇器

指定屬性名,但沒有確定任何屬性值 type text css div div title style div1div title name div2div title age div3div body 指定屬性名,並指定了該屬性的屬性值 其他 與上述相同 div title name 指定屬性名,具...

CSS3 選擇器 屬性選擇器

屬性選擇器早在css2中就被引入了,其主要作用就是對帶有指定屬性的html 元素設定樣式。使用css3屬性選擇器,你可以只指定元素的某個屬性,或者你還可以同時指定元素的某個屬性和其對應的屬性值。選擇有某個屬性的元素,而不管這個屬性的值是什麼。選擇有某個屬性的元素,並且要求這個元素的屬性的屬性值只能為...

Css3選擇器 屬性選擇器

一 e attr e attr 屬性選擇器是css3屬性選擇器中最簡單的一種。如果你希望選擇有某個屬性的元素,而不論這個屬性值是什麼,你就可以使用這個屬性選擇器 ie6不支援這個選擇器。二 attr value e attr value 選擇器和e attr 選擇器,從字面上就能很清楚的理解出來,e...