css中屬性選擇器的書寫方式:

1.

[title]

{

}

2.屬性和值

[title=hello]

{

corlor:red;

}

3.用於選取屬性值中包含指定詞彙的元素。(注意是詞彙，就是單個單詞)

[title~=hello]元素的屬性值中包含hello詞彙

{

color:red

}

4.

[title|=en]用於選取title屬性以en開頭的.兩種情況:1.en是整個單詞.2.en後用連字元連線，如en-us，en-cn等

{

}

5.

[title^=hello]title屬性以hello開頭的元素，hello不一定是單個的單詞，eghello123,hellokkkk

{

}

6.

[title$=hello]用於選取以hello結尾的元素，hello不一定是單個的單詞，eg:123hello

{

}

7

[title*=hello]用於選取title屬性包含hello的，hello不一定是單個的詞彙

{

}