CSS属性选择器

Posted yuh_c

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS属性选择器相关的知识,希望对你有一定的参考价值。

序号 属性选择器 功能描述 所属
1 E[foo] 选择匹配E的元素,且该元素定义了foo属性 css2
2 E[foo='bar'] 选择匹配E的元素,且该元素定义了foo属性,且属性值为bar
css2
3

E[foo~='bar']
选择匹配E的元素,且该元素定义了foo属性,foot属性值是一个以空格符分隔得列表,其中一个列表值为bar


css2
4 E[foo|='en'] 选择匹配E的元素,且该元素定义了foo属性,foo的属性值是一个以连字符(-)分隔得列表,值开头的字符是'en'

css2
5 E[foo^='bar'] 选择匹配E的元素,且该元素定义了foo属性,foot属性值包含前缀为bar的子字符串

 css3
6 E[foo$='bar'] 选择匹配E的元素,且该元素定义了foo属性,foot属性值包含后缀为bar的子字符串

css3
7 E[foo*='bar'] 选择匹配E的元素,且该元素定义了foo属性 ,foot属性值包含bar的子字符串
                        css3

以上是关于CSS属性选择器的主要内容,如果未能解决你的问题,请参考以下文章

css书写规范

010. CSS 选择器

CSS属性选择器

css 属性选择器

CSS选择符有哪些?哪些属性可以继承?

css3——属性选择器