本周我加入了一个新项目，我注意到设计师（创建所有 .css 文件）以与我习惯不同的方式使用 css。我习惯主要是由类和类名引用的元素，例如有一个定义
.myClass { display:block; }
并在我的元素中使用该class="myClass"属性。
这位设计师使用这种参考来构建整个设计：
form#myForm div a { display:block; }
或类似的。这将在 id=myForm 的表单中获取 div 内的所有锚点。
哪一个是最好的方法？主要是使用类还是主要使用这种其他方式（不知道怎么称呼）？
谢谢！
奇怪的是，有些东西还没有人包含在他们的答案中，这完全取决于您希望/需要在选择中的具体程度。
如果要在页面上选择多个元素，只需使用类选择器即可：
.non-unique-elements{
// some style
}
如果您想更具体一些，或者想在页面上选择一个独特的元素，请使用ID选择器：
#unique-element{
// some style
}
ID现在，正如您的同事所做的那样，您可以通过仅在元素具有其他属性时选择元素来获得更具体的信息；例如，您可能希望选择所有包含某个类名但也是类型的元素form
form.some-class{
// style
}
因此，请考虑以下示例：
.some-class{
}
被以下内容覆盖：
#some-id{
}
被覆盖
div#some-id{
}
这真的取决于目的。类应用于定义一般样式，其中 ID 应用于选择特定项目。
这是一个问题，您正在编写的 css 属性是否取决于 html 标记与其父级（和兄弟级）之间的关系：
为了显示，
我想将页面中某些文本的颜色设置为红色-> 仅使用类.redtext
我想仅在特定 div中设置某些文本的颜色->.mydiv .redtext
我只想以特定形式设置所有输入的宽度->#myform input
请记住，使用长 css 选择器会使它们非常依赖于页面结构，因此很脆弱。