css 名字 小数点 |css优化工具下载

.wrapper {
width: 100%;
}
#header {
background-color: #333;
}
input[type="text"].search {
border: 1px solid #ccc;
}

小数点在CSS中的使用方法分类如下：

• 类选择器：使用小数点加名称来指定样式类。类名可以定义多个样式，一个元素可以有多个类名。
• ID选择器：使用#符号加名称来指定ID名。ID名只能在文档中唯一定义一次，不应同时出现多个元素。
• 属性选择器：使用小数点加属性名的方式选择元素。如input[type=”text”].search表示选择type属性为”text”、class属性为”search”的input元素。

需要注意的是，CSS的书写顺序是由选择器的特殊性(Specificity)决定的。特殊性是一个衡量选择器权重的数字，值越大则权重越高，样式也越优先应用。具体规则如下：

• ID选择器的特殊性为1。
• 类选择器、属性选择器和伪类选择器的特殊性为10。
• 元素选择器和伪元素选择器的特殊性为1。
• 通配符、子选择器、相邻选择器和通用兄弟选择器的特殊性规则相同，为0。

最后，大家需要谨慎使用小数点和其他选择器，切勿滥用和过分复杂化CSS选择器，以免影响页面性能和维护难度。