一篇文章带你了解 CSS 属性选择器

属性选择器对带有指定属性的篇文 HTML 元素设置样式。可以为拥有指定属性的章带 HTML 元素设置样式，而不仅限于 class 和 id 属性。属性

一、选择了解属性选择器

CSS属性选择器提供了一种简单而强大的篇文方法，可以根据特定属性或属性值的章带存在将样式应用于HTML元素。

可以通过将属性(可选地带有值)放在一对方括号中来创建属性选择器。属性也可以在其前面放置一个[元素类型选择器。选择

二、篇文CSS [attribute]选择器

这是章带属性选择器的最简单形式，如果给定的属性属性存在，则将样式规则应用于元素。选择例如，站群服务器篇文可以title使用以下样式规则来样式化所有具有属性的章带元素：

示例：

[class*="warning"] {

color: #fff;

background: red;

}

注:

上例中的此选择器将所有HTML元素与classvalue包含的属性进行匹配warning。

例如，属性它的元素相匹配具有类值warning，alert warning，alert-warning或alert_warning等。

三、使用属性选择器样式化表单

属性选择器对于不带class或的样式样式特别有用id：

示例：

input[type="text"], input[type="password"] {

width: 150px;

display: block;

margin-bottom: 10px;

background: yellow;

}

input[type="submit"] {

padding: 2px 10px;

border: 1px solid #804040;

background: #ff8040;

}

四、总结

本文基于CSS基础，讲解了CSS 属性选择器，了解属性选择器的含义，对一些常见的属性通过案例进行详细的讲解。香港云服务器最后通过一个小项目，样式化表单，进一步的加深理解。

欢迎大家积极尝试，有时候看到别人实现起来很简单，但是到自己动手实现的时候，总会有各种各样的问题，切勿眼高手低，勤动手，才可以理解的更加深刻。

代码很简单，希望对你学习有帮助！