如何覆盖css类样式

时间:2012-09-08 18:35:29

标签: php css

我有Wordpress主题的问题。 我正试图将侧边栏放在标题中..而且由于侧边栏类型,它会收到“彩色”背景。如果我要更改它,那么所有侧边栏都会有变化。

我如何才能覆盖该样式类,以便只在我需要的地方进行更改?

模板page.php

中的部分内容
<?php display_ca_sidebar( $args ); ?>

侧栏的css部分

#sidebar ul li{width:298px;float:left; background:url(i/Modern/sidebar.jpg) left top no-repeat #83b1cd;  margin:0 0 19px 0;padding:0 0 10px 0; list-style:none; list-style-type:none;  border:1px solid #536867;}

我需要覆盖“背景”

感谢您的帮助!

3 个答案:

答案 0 :(得分:0)

为其指定一个唯一ID,并将该ID用作css选择器。

答案 1 :(得分:0)

根据此https://wordpress.org/extend/plugins/content-aware-sidebars/faq/,您可以控制HTML。因此,当您创建侧边栏div时,只需给它一个不同的类,您可以使用该类设置该特定侧边栏的样式。

你不应该覆盖任何东西。使用#sidebar时,您应该尝试将该ID用于适用于所有“侧边栏”的CSS,然后使用特定的类使每个侧边栏按您希望的方式显示。这使您能够重用类并创建默认类,但您永远不必担心冲突或覆盖事物。

答案 2 :(得分:0)

我不完全确定你的意思,但是如果你试图改变一个元素列表中的一个元素的背景(我猜它是在li标签内),那么这可能是使用:

#sidebar ul li:nth-child(2)
{
background:blue;
}

并使用您的侧边栏工作所需的任何数字替换第二个

希望有所帮助