CSS中元素/标记的顺序是什么

如果我的问题在这个地点不正确，我道歉。我阅读了“询问帮助”信息，没有看到在哪里不能询问此问题

HTML元素在CSS样式表中的顺序是否重要？ 我在谷歌上搜索了我的问题，大多数答案都说没关系，有几个回答不同

在CSS代码中，“divs”和“ids”是否在HTML定义的标记“h1-h6”、“p”、“a”之前？ 下面是我的HTML代码。 那么在CSS代码中，我会在HTML定义的标记之前设置“ID”的样式吗？

放松和恢复
呼吸
欢迎来到平静

---

谢谢

订单很重要。第一个元素应该是您的默认值，就像您的全局DOM元素（p、h1、h2、a等）

放置的元素越低，它将覆盖图纸上较高的元素。此外，您针对的元素越具体，它就越有可能具有更高的重要性。比如说,

.header .nav p {color:white}

将覆盖

p {color:red}

---

如果我正确理解了这个问题，希望这对我有所帮助。。。css文件中没有顺序并不重要。根据样式的特殊性选择的样式。使用id比使用类更具体。使用类比使用元素更具体，依此类推。也就是说，如果两个规则具有相同的特殊性级别（一个常见的原因是重用相同的类名），那么最后定义的规则就是使用的规则。

答案是肯定的和否定的。没有任何定义的方法必须编写css，换句话说，您可以混合元素（div、p、a、ul）、id（#header、#content）你想怎么上课都行

但顺序会影响浏览器使用CSS的方式。浏览器从上到下应用样式，这意味着文件开头的样式将被文件结尾的样式覆盖

正如和指出的，无论文件的顺序如何，更具体的规则将覆盖更通用的规则。尽量保持简单并创建类，而不是直接设置DOM元素的样式，至少在您获得一点经验之前是这样

如果您的css文件如下所示：

<div id="blue" class="red">Blue</div>
<div class="red">Red</div>

<div class="class1">
    <div class="class2">
    </div>
</div>

蓝色
红色

第一个div将有蓝色文本，第二个为红色文本

---

当您使用多个样式表时，所有这些都适用

让我们逐一分析这个问题：

在单个选择器中排序是否重要？
只要选择器有效，就无所谓了

作为示例：

h1#id.class

及

都是有效且相等的选择器，将匹配元素

除非使用

id=“idh1”

单行排序是否重要？
非常感谢

下面的选择器

.class1 .class2

匹配具有父级为

class=“class1”

的

class=“class2”

的所有元素，如下所示：

<div id="blue" class="red">Blue</div>
<div class="red">Red</div>

<div class="class1">
    <div class="class2">
    </div>
</div>

将匹配相反的容器

<div class="class2">
    <div class="class1">
    </div>
</div>

及

附加建议：
CSS从右向左运行。这一点我怎么强调都不过分。
虽然性能不是许多样式表编写者的问题，但您仍然希望编写好的代码。你永远不知道什么时候你会在一个负载非常重的web项目上工作。
与其根据元素的dom元素类型和父元素设置样式，不如给元素类设置样式

举个简单的例子，错误的选择器：

.class1 > *

通过适当的DOM更改，还有一个更好的解决方案：

.class1 > .class2 

理由是：上面的第一个选择器首先选择源中的每个节点，然后筛选具有适当父节点的节点，第二个选择器需要在DOM中做更多的工作，但如果您的站点很重，则会提供明显更好的结果

---

作为一个简单的经验法则，如果你有超过十个的东西，那么给它附加一个类，而不是一个节点选择器。

我相信你没有完全理解这个问题。他的答案怎么了？我认为它相当准确。

#id {...}
h6 {...}

h6 {...}
#id {...}

.class1 > *

.class1 > .class2