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



注意:我不新鲜,但我倾向于乞丐。

简单的问题是:我将如何用 1 个样式表将单个样式添加到不同的页面?

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

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

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

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

我尝试将表格的样式放入定价页面 html 的部分,但这没有任何作用。页面加载了文本,但完全缺少表格。

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

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

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

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

我将如何只向一个页面添加样式

只需使用 Chrome DevTools 检查您的页面并查看<body>标记,看看是否有任何该页面独有的classid,即

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

然后在你的 css 中:

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

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

这只是一个建议。我希望我能提供帮助。:)

相关内容

  • 没有找到相关文章

最新更新