04-属性选择器

Posted 2021-02-08 orangehero

【转】04-属性选择器

属性选择器，字面意思就是根据标签中的属性，选中当前的标签。

语法：

 1 /*根据属性查找*/
 2             /*[for]{
 3                 color: red;
 4             }*/
 5             
 6             /*找到for属性的等于username的元素 字体颜色设为红色*/
 7             /*[for=‘username‘]{
 8                 color: yellow;
 9             }*/
10             
11             /*以....开头  ^*/ 
12             /*[for^=‘user‘]{
13                 color: #008000;
14             }*/
15             
16             /*以....结尾   $*/
17             /*[for$=‘vvip‘]{
18                 color: red;
19             }*/
20             
21             /*包含某元素的标签*/
22             /*[for*="vip"]{
23                 color: #00BFFF;
24             }*/
25             
26             /**/
27             
28             /*指定单词的属性*/
29             label[for~=‘user1‘]{
30                 color: red;
31             }
32             
33             input[type=‘text‘]{
34                 background: red;
35             }