在CLASS或ID之前提到HTML TAG元素(良好或不必要的CSS实践?)

ale*_*nco 2 html css class

基本上,我想知道什么是最好的,以避免未来的问题和CSS代码混淆...

命名CSS礼节是这样的:

div#content 
ul#navigation
div.float-left
Run Code Online (Sandbox Code Playgroud)

(这真的没必要吗?)

要不就

#content
#navigation
.float-left
Run Code Online (Sandbox Code Playgroud)

我没有大型项目的经验,所以我希望有人能告诉我哪种方法在HTML和CSS变得更长时更好用.

mik*_*ght 8

这取决于你想要发生什么.

#content
Run Code Online (Sandbox Code Playgroud)

将适用于id ="content"的所有内容,但是

div#content
Run Code Online (Sandbox Code Playgroud)

仅适用于id ="content"的<div>.

这通常是类的一个问题,因为ID在页面上的所有元素中应该是唯一的.

所以底线是,如果您知道样式信息仅适用于某种类型的HTML元素,那么请包含元素标记.这可以阻止样式意外地应用于具有相同类(或ID,但那是顽皮的)的不同元素.