css内容格式 |css的div的点击味蕾

/* CSS样式文件的基本格式 */
选择器 {
属性1: 值1;
属性2: 值2;
属性3: 值3;
}
/* 多个选择器的样式格式 */
选择器1, 选择器2, 选择器3 {
属性1: 值1;
属性2: 值2;
属性3: 值3;
}
/* 注释的格式 */
/* 这里是注释 */
/* 嵌套选择器的格式 */
父元素 {
属性1: 值1;
属性2: 值2;
属性3: 值3;
子元素 {
属性1: 值1;
属性2: 值2;
属性3: 值3;
}
}
/* ID选择器的样式格式 */
#id {
属性1: 值1;
属性2: 值2;
属性3: 值3;
}
/* class选择器的样式格式 */
.class {
属性1: 值1;
属性2: 值2;
属性3: 值3;
}
/* 属性选择器的样式格式 */
[属性=值] {
属性1: 值1;
属性2: 值2;
属性3: 值3;
}
/* 伪类选择器的样式格式 */
选择器:伪类 {
属性1: 值1;
属性2: 值2;
属性3: 值3;
}

在编写CSS时，大家应该尽可能地遵守这些格式规范，以便让代码更加清晰易读，并且方便后期的维护和修改。