04-属性选择器

转载于 2019-02-06 22:25:00 发布 · 52 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/orangehero/p/10354197.html

本文详细介绍了CSS属性选择器的使用方法，包括如何根据属性名、属性值、属性值前缀、后缀以及包含的子字符串来选择元素，并提供了具体的语法示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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