CSS冲突问题

-2

我有两个单独的CSS文件，每个样式都是页面的某个部分。具体来说，我为主内容（header，footer等）制作了一个内容，另一个用于可能是动态的主要内容。我只是将这两个CSS文件链接到页面，但似乎“主要内容”的风格正在超越“主内容”的风格。如何解决这个问题呢？或者如何限制第二个css文件只能定位我可以定义的特定HTML部分的样式？我已经试过！重要的CSS属性。CSS冲突问题

来源

2016-07-25 MaryBaker

请向我们展示您的CSS。 –

@Robert哥伦比亚它只是两个链接的css文件，它将需要太多的线来查看它们 – MaryBaker

你的问题已经在这里回答http://stackoverflow.com/questions/9459062/in-which-order-do-css- stylesheets-override –

我只是连接的两个CSS文件的页面，但看来，“主要内容”的风格是骑在“主内容”的风格。

那是因为你建立了一些风格，当你加载主内容样式表，然后加载主要内容的样式表 ...然后重写了一些你已经声明的样式。

这是级联。这是应该发生什么。

E.g.

如果您在主内容样式表有：

header h1 { 
color: blue; 
}

，然后，在这之后，你主要内容样式表您有：

h1 { 
color: red; 
}

你<h1>（在<header>）将是red。

补充：

您将通过与DOM查看（个），您的浏览器（S）重新认识自己做自己一个巨大的青睐。

我的选择是Firefox和Firebug的，另一些人喜欢Chrome和Chrome的DevTools等

一个DOM查看器将能够显示您正在被应用到元素的样式以及它们被应用的顺序...

...所以你可以看到哪些样式被覆盖其他（后来的）风格。

来源

2016-07-25 17:30:49 Rounin

是的，这是真的我想我应该记住这一点。那么现在我将不得不通过我的文件并搜索级联选择器或者有另一种方法？ – MaryBaker

通过熟悉DOM Inspector（s）为您的浏览器，您可以获得巨大的利益。我的偏好是Firefox和Firebug，其他人更喜欢Chrome和Chrome DevTools等.DOM Inspector将能够告诉你哪些样式正在被应用到元素以及它们被应用的顺序......所以你可以看到哪些样式正在被其他（后来的）风格所覆盖。 – Rounin

你应该避免！重要的地方，只要你可以。这是不好的做法。使用更好的类名称作为定位元素。你应该阅读一下CSS的特性以及像SMACSS或BEM这样的良好的类命名约定。

来源

2016-07-25 16:41:27 i7nvd

回答

相关问题