css属性选择器怎么用 CSS 属性选择器

css属性选择器怎么用

CSS属性选择器是一种用于指定元素的CSS选择器，它可以根据元素的属性来选择元素。它们可以用来为特定的HTML元素设置样式，也可以用来为特定的HTML元素设置行为。

CSS属性选择器有三种形式：[attribute]、[attribute=value] 和 [attribute~=value]。[attribute] 选择器将匹配所有带有该属性的元素；[attribute=value] 选择器将匹配所有带有该属性并且该属性的值与 value 相同的元素；[attribute~=value] 选择器将匹配所有带有该属性并且该属性的多个单词中至少包含一个 value 的元素。

 
input[type="text"] { 
    background-color: #ccc; 
} 
 
input[type="password"] { 
    background-color: #ccc; 
} 
 
input[class~="form-control"] { 
    background-color: #ccc;  
}  												   

CSS 属性选择器