CODEWITHSUNDEEP
javascriptcss
Exception
Exception

Reputation: 8389

Apply style on text which is having bold

Like attribute selectors in CSS, is it possible to apply style on text which is in bold inside a DIV. For example I can select a DIV using CSS attribute selector like below 

 div[attr = value]{
   ...
 }

Is there any way to select Bold text like above selector? If JavaScript there are several ways to make that work but I am just looking for possibility of CSS solution. And my target is only Chrome

Upvotes: 1

Views: 126

Answers (4)

Nitesh
Nitesh

Reputation: 15779

You can try this fiddle.

HTML

<div data-role="page">Bold text</div>

CSS

div[data-role~="page"]{font-weight:bold;}

Hope this helps.

Upvotes: 0

lukeocom
lukeocom

Reputation: 3243

this should be quite easy. 

div b{font-weight:normal;}

this will select every <b> tag contained within every <div> tag, and set the font weight to normal.

If you wanted to be specific, use the div class or id. 

#someDivId b{font-weight:normal;}

If your bold text is not defined with <b> tags, but you know what tags are used, such as span, then you might try,

span[style*="font-weight"]{font-weight:normal !important;}

http://jsfiddle.net/G8NaB/

Hope this helps...

Upvotes: 1

codefreak
codefreak

Reputation: 7141

According to http://www.w3.org/TR/css3-selectors/#attribute-selectors

[att*=val] Represents an element with the att attribute whose value contains at least one instance of the substring "val". If "val" is the empty string then the selector does not represent anything.

So you may try:

div[style*=bold]{
   ...
 }

This will work if you apply inline styles.

Upvotes: 1

Quentin
Quentin

Reputation: 944556

No. CSS doesn't provide any selectors that operate based on the style of an element.

Upvotes: 3

Related Questions