开发者

Catch all the text in one css declaration

I'm trying to catch all the elements of my website in one css declaration. It's a Drupal websites with a billion p's, a's, li's, ul's, strong's, all kinds of div's,...

So, pretty easy I thought and I added this in my css:

 body.i18n-zh-hans {
    color开发者_StackOverflow: red;
 }

But for some freakishly reason, the site doesn't move a muscle.

What's the proper declaration to catch ALL the text in just 1 CSS declaration?

Worst case scenario, I would have to declare everything on its own no? Like:

 body.i18n-zh-hans, #main p strong a li ul {
       color: red; 
 } 

UPDATE

So, Basically, I just want to override all, in this example, the colors of the font in the whole website!

Thanks in advance


You'd want to make that declaration !important, so it'd override any more "specific" styles specified elsewhere in your CSS. Remember that CSS has precedence rules, and "more specific" matches will have higher priority than "less specific" ones.

body.i18n-zh-hans {
    color: red !important;
}


* {
your style..
}

and you got to be the last rule in the list..
and there might be some inline styles, those will override..
tested it a bit out and figured out that everything you define in it needs !important..


Here you go: If body is the biggest box in the box model. Get it? You want to target the big container. Try firebug. It's a great tool. You can even edit the css on the browser to instantly change the website (not permanent though).

body {
     color: red !important;

     }


This was the one and only solution!

.i18n-zh-hans * {
        font-size: 99% !important;
}

Thanks to everyone who participated this discussion.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜