CSS声明 - 元素类型和ID还是ID？

问题描述：

这样：

div#main_content { 
    width: 900px; 
    border: 1px solid #CCC; 
    margin: 20px 0 20px 0; 
    padding: 40px; 
    overflow: hidden; 
}

或者这样说：

#main_content { 
    width: 900px; 
    border: 1px solid #CCC; 
    margin: 20px 0 20px 0; 
    padding: 40px; 
    overflow: hidden; 
}

在崇高的文本2，崇高的棉短绒包装建议我不div使用 - 只#main_content，但在某些教程中，我看到最好使用div＃main_content，因为它更容易解析。

你有什么建议，我应该使用？（我认为结果将在这种情况下类相同）

[将选择器与ID选择器相结合的优点是什么？例如DIV＃SOME_ID]（http://stackoverflow.com/questions/11428210/what-are-the-advantages-of-combining-a-type-selector-with-an-id-selector-e-g-d） – Quentin 2012-08-03 14:51:11

答

最好只使用id。页面上只有一个元素具有给定的ID，所以元素类型是多余的。

错过元素类型的另一个原因是，如果您决定更改HTML（可能会将<div>更改为更类似于<p>或<section>的语义），CSS选择器仍将匹配。

答

没有太大的区别，ID的是最快的，所以使用它们，你会好，使用div＃id只是说只影响id如果它是一个div内（您可能需要在某些时候这个功能，虽然可能有一类，而不是一个ID）

答

，其中包括与ID元素类型是真正有益的（我能想到的）唯一情况是，如果你去同一个ID适用于不同的元素类型在不同的页面，并希望以不同的样式。

例如，如果您的主页上，创建<header id="main">和其他页面你有<section id="main">，你肯定会想使用header#main和section#main分别样式的两个元素。

如果您的ID将被应用于所有页面中的相同元素类型，那么CSS中的元素选择器只会增加CSS的易读性，如果您想知道您的元素是什么类型造型。

CSS声明 - 元素类型和ID还是ID？

相关推荐