如何使用属性选择器
属性选择器介绍 属性选择器可以根据元素的属性及属性值来选择元素。 属性选择器有什么好处呢,如:可以通过标签的属性名和属性值来匹配对应的元素。 attr 是英文单词 attribute 的简写,中文意思就是 属性 或 属性名 。 val 是英文单词 value 的简写,中文意思就是 值 或 属性值 。 属性选择器必须使用 [] 中括号。 属性选择器说明表 属性名 描述 举例 [attr] 匹配指定的属性名的所有元素。 [align]{color: red;} [attr=val] 匹配属性等于指定的值所有元素。 [align=center]{color: red;} [attr^=val] 匹配属性以指定的属性值开头的所有元素 [color^="#f"]{color :mediumblue;} [attr$ =val] 匹配属性以指定的属性值结尾的所有元素 [color$="aa"]{color :mediumblue;} [attr*=val] 匹配属性中包含指定的属性值所有元素 [color*="aa"]{color :mediumblue; } 属性名为[attr]使用方式 让我们进入属性名为 [attr] 实践,实践内容如:将 HTML 页面中的属性名为 align 元素文本颜色设置为红色。 代码块 <!DOCTYPE html> <html lang="en"> <head