问如何正确地订购外部CSS样式表？

EN

由于“层叠”样式表(按顺序应用)的观点已经被提出，我不会对此进行过多的阐述。请记住，如果样式在其下面的另一个样式表中找到，则可以被相同的属性覆盖(也就是说，第二个样式表可以覆盖第一个样式表中的某些内容，而不是反过来)。但是，这也适用于同一样式表中的属性。如果p{font-size:1em;}在第一行，而p{font-size:2em;}在第二行，那么字体大小将是2em。

一旦你选择了一个订单，我也会建议把你的CSS尽可能少的文件。每个外部样式表(或页面上的任何外部)都是另一个服务器请求，这会导致较慢的页面加载。如果您的所有样式都在每个页面上使用，那么将它们合并成一个大的CSS文件，仍然遵循样式表的顺序。

这取决于您希望css执行的顺序。

你先放的，先装上子弹，然后再执行.因此，当您将reset放在第一位时，所有的标记都将被重新定位到它们的默认行为。

如果您想首先加载您的自定义样式，那么将它放在最前面的所有其他css (甚至高于重置)...but --记住，如果您在标记中没有显式地调用该tag的类，那么将实现对任何公共标记的最后一个样式查找！

(如)

如果你有：

<ul>
  <li> blah 1</li>
  <li> blah 2</li>
  <li> blah 3</li>
  <li> blah 4</li>
  <li> blah 5</li>
</ul>

然后假设在您的自定义css中，您已经设置

ul{padding:10px}

然后调用它，然后重置，然后应用这个填充，但是如果您在reset.css之前调用了css，那么<ul>将重置为默认值！)

，这应该是我点的菜:

• 埃里克·迈耶的“reset.css”(先重置一切)
• 我的自定义'style.css‘(检测浏览器dimesnion并调用相关的css )
• media.css (对响应性布局的媒体查询)。)
• bootstrap.css (执行所有其他css )
• jQueryMobile.css (*支持bootstrap.css一旦加载*)
• can (主题总是最后出现)

由于CSS定义在创建新定义时会被重写，我建议将所有来自外部源(如jQuery、引导等)的css文件放在首位(顶部)。

这样，您可以轻松地覆盖自定义css文件中的CSS标记。

否则，外部文件将覆盖您正在定制的CSS文件中的所有内容，这绝对不是bueno！

希望这能有所帮助！