我是否应该在<main>标签上添加一个类?</main>

时间:2014-08-18 22:47:05

标签: css html5 css-selectors

我是否应该在<main>标签上添加课程?

我尽量避免使用像header {}那样糟糕的选择器Intent来避免将非常特定的样式应用于我项目中的大量元素的风险,但是根据MDN

  

文档中不得有多个<main>元素

所以我想知道,如果我使用像main {}之类的简单选择器,这仍然被认为是一种不好的做法吗?

1 个答案:

答案 0 :(得分:1)

嗯,虽然我理解你的前提,但毫无疑问,我的回答是肯定的。我经常使用它,并且我开发了自定义WP站点和模板,因此我将类添加到main元素以便只有一个样式表,然后我可以从同一样式表中为不同模板定位主元素或重新使用声明最小的变化。例如:索引页面上的主要元素通常与内部页面,存档,搜索页面等主要元素的内容不同,特别是在高度自定义的网站上

当然,如果那不是你的情况,那么没有必要,而且没有课程可能会更好,但这也是一种品味。我倾向于用类构建我的主题,无论是否未使用。这样,如果客户端或用户以后需要使用该元素,则更容易实现。

毋庸置疑,从语义的角度来看:

<main class="index">
<main class="page">
<main class="archive">
<main class="blog">

看起来比仅仅<main>

要好得多

所有这些都说,这取决于您和您的工作流程,它不像许多HTML5和W3C建议那样一成不变