CSS：为一页添加不同的样式[重复]答案

【问题标题】：CSS: Add different style to one page [duplicate]CSS：为一页添加不同的样式[重复]
【发布时间】：2017-05-11 02:05:00
【问题描述】：

注意：我不新鲜，但我倾向于初学者。

简单的问题是：我将如何将单独的样式添加到只有 1 个样式表的不同页面？

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

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

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

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

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

我阅读了 ID 和类以指定页面的布局和样式。话虽如此，表格中的样式页面是一个巨大的东西，其中已经有多个 ID 和类。

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

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

【问题讨论】：

什么是“Wordpress 的免费版本”？无论如何，WordPress 是一个免费平台。
他们收取高级套餐费用，所以基本的 word press 是免费版。

标签： html css wordpress web styles

【解决方案1】：

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

如何只为一页添加样式

只需使用 Chrome DevTools 检查您的页面并查看 <body> 标签，看看是否有任何该页面独有的 classes 或 ids，即

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

然后在你的 css 中：

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

【讨论】：

希望我能更好地解释它：我有一个用于网站一般主题的样式表。这会完成所有标题、徽标和导航。对于网站的定价页面，我被要求从这里添加表格：cssdeck.com/labs/flat-pricing-tables-for-twitter-bootstrap 这有自己的样式表。我想知道如何将这个样式表添加到我现有的样式表中，以便它只将表格添加到我的定价页面。
听起来您想插入定价表 HTML 但您无权访问 HTML？对吗？
其实我有 html。问题是 css 是一个巨大的样式表，我不确定我需要如何将它合并到我已经存在的 css 样式表中。跨度>
只需将他们所有的样式粘贴到您的样式表中...但是如果您要问如何编写 CSS，也许您可以谷歌一些教程？
是的，我一直在谷歌上搜索 CSS 教程，这让我了解了 CSS 的一般布局。将两者放在一起真的有用吗？例如，它们在 body{} 中要求不同的背景颜色和字体。这些不会冲突吗？

【解决方案2】：

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

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

【讨论】：

如果我是一个真正的网页设计师，我会从头开始写。但不幸的是，我不是。这是我的老板让我去做的事情。任何帮助将不胜感激。