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             }