自定义CSS以调整多个类别中的元素的大小

时间:2014-01-25 作者:user1062938

我正在使用以下自定义css(在WordPress主题中)调整某个元素的大小,但仅当它位于特定类别中时:

.category-69  #main  {width: 300px!important;}
.category-16  #main  {width: 300px!important;} 
.category-15 #main   {width: 300px!important;}
我需要在至少250个不同的类别ID上使用这些CSS规则,有没有更简单的方法对它们进行分组?

1 个回复
SO网友:RCNeil

我想你可以用CSS begins with selector 选择以开头的所有divcategory-

div[class*=\'category-\'] #main { width: 300px!important; }
因此,当您添加它们时,它仍然会影响以它们开头的任何类。然后,假设您有1个或2个不想拥有该属性的类别,您可以在上述规则之后简单地重写它们。

div.category-44 #main { /*do something else*/ }

结束

相关推荐

是否可以更改Disqus评论的CSS规则?

我已经尝试了我能想到的一切,包括使用\'!“重要”属性,但无法更改我网站上的论文评论的CSS。他们的CSS不仅来源于他们网站上的一个文件,而且我认为评论是在iframe或其他东西中,这可以解释为什么“!“重要”属性不起作用。有没有可能在wordpress博客上更改Discus评论的CSS?我只想添加以下代码:#disqus_thread { font-family: arial; font-weight: bold; font-size: 13px; } 就是这样