css中属性选择器用法总结c

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不一定是单个的词汇

{

}