css3属性选择器什么意思,CSS3|属性选择器

文章目录

属性选择器

注：类选择器、属性选择器、伪类选择器，权重为 10

CSS

button {

cursor: pointer;

}

/* 属性选择器权重 高于标签选择器 */

button[disabled] {

cursor: default;

}

/* 2. 属性等于值 */

input[type="search"]{

color: #f50;

}

/* 3. 以某个值开头的 属性值 */

div[class^="icon"] {

color: red;

}

/* 4. 以某个值结尾的 */

div[class$="icon"] {

color: green;

}

/* 5. 可以在任意位置的 */

div[class*="icon"] {

color: blue;

}

HTML

按钮

按钮

按钮

按钮

图标1

图标2

图标3

图标4

图标5

效果截图：

标签：CSS3,color,class,按钮,属性,选择器,图标

来源： https://blog.youkuaiyun.com/weixin_46264660/article/details/111312064