04-属性选择器

Posted orangehero

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了04-属性选择器相关的知识,希望对你有一定的参考价值。

【转】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             }

 

以上是关于04-属性选择器的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段6——CSS选择器

如何使用插值来设置属性选择器?

选择器

Android - 片段中的联系人选择器

04-属性选择器

日期选择器对话框在片段中不起作用[关闭]