CSS3屬性選擇器總結

2021-07-23 20:29:23 字數 877 閱讀 4407

css3屬性選擇器語法:

元素名[屬性=「屬性值」]:選擇器{}

在元素型別匹配時,就可以使用類似正則的匹配方法。

[att=val]指定特定名字的元素

[att*=val]匹配包含val的元素,

[att^=val]匹配val開頭的元素,比如id為val1、val432432都可以。

[att$=val]匹配val結尾的元素,比如id為1213val、fdajlval等等。

:only-child  如果某個元素是父元素中唯一的子元素,那將會被匹配

not:排除特定的元素

target:鏈結指定的目標

nth-last-child:選擇倒數第n個子元素

hover:當滑鼠浮在元素上方時,觸發

active:當滑鼠按下,還沒有離開時,觸發。因為chrome不支援,所以沒有進行測試。

focus:編輯焦點時,觸發

enabled:可以使用時,觸發

disabled:不可以使用時,觸發

read-only:唯讀時,觸發

read-write:可讀可寫時,觸發

checked:被勾選觸發

selection:選擇時,觸發

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...