css3属性选择器有多少种

css3属性选择器有多少种

小编给大家分享一下css3属性选择器有多少种，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

css3属性选择器包括3种：1、“E[att^=value]”选择器，选择名称为E的标记，且该标记定义了att属性，属性值包含前缀为value的子字符串；2、“E[att$=value]”选择器；3、“E[att*=value]”选择器。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

属性选择器可以根据元素的属性及属性值来选择元素。CSS3中新增了3种属性选择器：E[att^=value]、E[att$=value]和E[att*=value]，下面我们详细介绍。

E[att^=value]属性选择器

E[att^=value]属性选择器是指选择名称为E的标记，且该标记定义了att属性，att属性值包含前缀为value的子字符串。需要注意的是E是可以省略的，如果省略则表示可以匹配满足条件的任意元素。例如，div[id^=section]表示匹配包含id属性，且id属性值是以“section”字符串开头的div元素。

下面通过一个案例对E[att^=value]属性选择器的用法进行演示，如下所示。

p[id^="one"]{color:pink;font-family:"微软雅黑";font-size:20px;}为了看日出，我常常早起。那时天还没有大亮，周围非常清静，船上只有机器的响声。