Question

注意：我不新鲜，但我倾向于打招呼。

简单的问题是：如何只使用1张样式表将各个样式添加到不同的页面？

长版：我有一个通用样式表，设置我的所有网站布局。这决定了我的导航栏，带有徽标的标题，以及一般的所有内容。

我被要求将这些表格添加到网站： http://cssdeck.com/labs/flat-pricing-tables-for-twitter-bootstrap

以下是网站上使用的主题： https://www.sktthemes.net/shop/cutsnstyle/

所以我希望网站的总体布局保持不变，但是会在显示的定价页面上显示该表格。

我尝试将表格的样式放入我的定价页面html的部分，但是没有做任何事情。该页面加载了文本，但完全丢失了表格。

我阅读了有关ID和类的内容，以便指定页面的布局和样式。话虽这么说，表中的样式页面是一个巨大的东西，其中已经有多个ID和类。

我可以把课程放在另一个班级吗？我的想法是“我可以通过将每个样式表设置为2个不同的类来解决这个问题吗？”。如何在不破坏网站主题的一般风格的情况下做到这一点？我可以将这两种款式都放在1张样式表中吗？我该如何设置这些表？

（显然这已被标记为一个重复的问题。我看了看另一个主题，但我只是非常困惑。我不是网页设计师，无论如何，这个任务都分配给了我。我我只是真的试图绕过这个。任何帮助都将不胜感激）

Answer 1

我不确定我是否完全理解这个问题，但是

我如何才能将样式添加到一个页面

只需使用Chrome DevTools检查您的网页，然后查看<body>代码，看看该网页是否有任何class es或id，即< / p>

<body class="post-234 someOtherClass etc">
    <div>Some stuff</div>
</body>

然后在你的css中：

.post-234 .div {
    background: green;
}

Answer 2

去寻找你的css文件。大多数情况下，如果你正在使用的php文件没有内联样式，所有样式都放在那里。而不是使用wordpress的免费版本，为什么不在wordpress.org下载wordpress包并且不要复杂化，为什么不从头开始创建自己的主题或复制主题代码并修改它。我认为这比你正在做的要容易得多......

这只是一个建议。我希望我能帮忙。 :)

CSS：为一个页面添加不同的样式

2 个答案: