如何覆盖css类样式


how to override css class style

我对Wordpress主题有问题。我正试图把侧边栏放在标题中。。由于侧边栏类的风格,它接受了"彩色"的背景。如果我要改变它,那么所有的边栏都会改变。

我如何才能覆盖那个样式类,使更改只出现在我需要的地方?

模板页面中的部分。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;}

我需要覆盖"后台"

感谢您的帮助!

给它一个唯一的id,并将该id用作css选择器。

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

你不应该覆盖任何内容。当使用#sidebar时,您应该尝试使用适用于所有"边栏"的CSS ID,然后使用特定的类使每个边栏以您想要的方式显示。这使您能够重用类并创建默认类,但您永远不必担心冲突或覆盖内容。

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

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

并将数字2替换为使侧边栏工作所需的任何数字

希望对有所帮助