4.1属性选择器

E[att^=value] E[att$=value] E[att*=value]
E[att^=value]属性选择器
定义 E[att^=value] 属性选择器是指选择名称为E的标记，且该标记定义
了att属性，att属性值包含前缀为value的子字符串。
语法结构
说明
E[att^=“value”]{ CSS样式属性 }
E[att*=value]属性选择器
示例
03
总结
总结
通过本小节知识，了 解CSS3新增选择器
的作用
掌握属性选择器的 语法格式
能够熟练运用 属性选择器
感谢聆听
THANK
S
石家庄科技工程职业学院软件技术专业群教学资源库
定义 E[att$=value] 属性选择器是指选择名称为E的标记，且该标记定
义了att属性，att属性值包含后缀为value的子字符串。 语法结构
E[att$="value"]{ CSS样式属性 } 说明
选择具有att属性且属性值为以value结尾的字符串的E元素。
ห้องสมุดไป่ตู้
E[att$=value]属性选择器
示例
E[att*=value]属性选择器
定义 E[att*=value]选择器用于选择名称为E的标记，且该标记定义了
att属性，att属性值包含value子字符串。 语法结构
E[att*="value"]{ CSS样式属性 } 说明
选择具有att属性且属性值为包含value的字符串的E元素。
选择具有att属性且属性值为以val开头的字符串的E元素。
E[att^=value]属性选择器
注意 E是可以省略的，如果省略则表示可以匹配满足条件的任意元素。 value也可以省略，如果省略则表示可以匹配带有att属性的所有E标记
示例：使用下方内容对该属性选择器进行练习
E[att$=value]属性选择器
CSS3选择器--属性选择器
01
CSS3选择器简介
CSS3选择器简介
使用选择器可以方便的定位于指定的元素，而不用使用额外的class或id，通 过这种方式也可以让我们的代码和样式更加简洁、灵活、易控制。
简洁
灵活
易控制
02
属性选择器
属性选择器
属性选择器可以根据 元素的属性及属性值 来选择元素。CSS3 中新增了3种属性选 择器。