CSS3選擇器 屬性選擇器

2021-07-25 01:56:41 字數 1396 閱讀 6059

指定屬性名,但沒有確定任何屬性值

type="text/css">

div div

[title]

style>

div1div>

title="name">div2div>

title="age">div3div>

body>

指定屬性名,並指定了該屬性的屬性值

/*其他**與上述相同*/

div[title="name"]

指定屬性名,具有屬性值,並且此屬性值是可以是單個值也可以是乙個詞列表(以空格隔開),當是乙個詞列表時,等號前面的「〜」不能不寫。

type="text/css">

div div

[title~="name"]

style>

div1div>

title="name">div2div>

title="age address">div3div>

body>

div

[title~="address"]

指定了屬性名,並且有屬性值,屬性值是以value開頭的

type="text/css">

div div

[title^="name"]

style>

div1div>

title="name">div2div>

title="age name">div3div>

body>

指定了屬性名,並且有屬性值,而且屬性值是以value結束的,效果與e[attr^=」value」]相反,此處不演示

指定了屬性名,並且有屬性值,而且屬值中包含了value。

type="text/css">

div div

[title*="me"]

style>

div1div>

title="name">div2div>

title="age name">div3div>

body>

指定了屬性名,並且屬性值是value或者以「value-」開頭的值(比如說zh-cn)

type="text/css">

div div

[title|="name"]

style>

div1div>

title="name">div2div>

title="name-age">div3div>

title="nameage">div4div>

body>

CSS3 選擇器 屬性選擇器

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

Css3選擇器 屬性選擇器

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

CSS3 選擇器 屬性選擇器(複習)

e attr 只使用屬性名,但沒有確定任何屬性值 demo a id demo a href title e attr value 指定屬性名,並指定了該屬性的屬性值 demo a id first demo a href title 對於e attr value 這種屬性值選擇器有一點需要注意 屬...