屬性選擇器

2021-09-14 04:08:32 字數 745 閱讀 8403

1、[attribute]:對擁有某項屬性的特定標籤進行修改;

2、[attribute=value]:對擁有特定值屬性的標籤進行修改;

我是段落1

我是段落2

我是段落3

我是段落4

我是段落5

我是段落6

我是段落7

3、屬性的取值以什麼開頭

[attribute|=value]:在css2中提出,只能識別例如a-bb的型別,像是abb以及a bb都無法識別;

[attribute^=value]:在css3中提出,可以識別任意形式;

4、屬性的取值以什麼結尾

[attribute$=value]

5、屬性的取值包含某個特定的值

[attribute~=value]:在css2中提出,只能識別形如b a b的型別;

[attribute*=value]:在css3中提出,可以識別任意形式。

我是段落1

我是段落2

我是段落3

我是段落4

我是段落5

我是段落6

我是段落7

CSS選擇器 屬性選擇器

最近重新學習了css3,發現選擇器還能這麼玩。介紹一下屬性選擇器 我給咱們順著往下縷一縷 資訊量挺大 剛開始是這樣子 如下 doctype html head meta charset utf 8 title 測試網頁 title style h1 m1 style head body div h1...

屬性選擇器

一 屬性選擇器 id user 匹配屬性開頭 user id list 匹配屬性結尾 list id id 萬用字元 選擇屬性中任意位置包含指定字元的元素 id id 以id開頭或等於id值的元素 二 位置選擇器 li even 匹配集合中的偶數元素 li odd 匹配集合中的奇數元素 li fir...

屬性選擇器

屬性選擇器 屬性選擇器 功能描述 e attr 選擇匹配具有屬性attr的e元素 e attr val 選擇匹配具有屬性attr的e元素,並且屬性值為val 其中val區分大小寫 e attr val 選擇匹配元素e,且e元素定義了屬性attr,其屬性值是以val開頭的任意字串 e attr val...