CSS：在通用点上指定对象的重要性？

给定

指定对象是否重要，或者最终是为了可读性，以便您可以在编辑时快速查看正在搜索的元素类型？即：

.foo
{

}
.bar
{

}

---

这对于元素特异性很重要

.foo

以具有类

“foo”

的任何元素为目标

div.foo

仅针对类为

“foo”

的

对象。这意味着不选择该类的其他元素

如果您确定只有一种元素会承载给定的类，那么我想在类选择器前面加上元素名以确保可读性，或者如果您懒于键入，则完全忽略它也没什么错

但是，如果您认为其他元素可能具有该类，例如，如果它是一个非常通用的名称，如

left

、

大字体

或

sep

，那么最好这样做，这样您就可以确定设置了正确的元素样式

如果任何元素与给定类共享任何公共样式，则只需指定类选择器并在其中添加公共样式，然后指定与每个元素相关的任何样式。例如：

div.foo
{

}
span.bar
{

}

.foo{/*foo类的通用样式*/}
div.foo{/*带有foo类的s的样式*/}
blockquote.foo{/*带有foo类的s的样式*/}

如果没有定义，为什么会有另一个元素具有相同的类？当我在不同的元素（例如

div.blue-text

和

span.blue-text

中创建样式时，我会使用这个

div.foo

符号。仅供参考，“对象”称为元素（div-element，span-element）（不想成为一个聪明人，抱歉：P）

div.foo
{

}
span.bar
{

}

.foo { /* Generic styles for foo class */ }
div.foo { /* Styles for <div>s with foo class */ }
blockquote.foo { /* Styles for <blockquote>s with foo class */ }