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             }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM