CSS :first-child but not after text node

Asked Oct 27 '17 at 14:03

Active Oct 27 '17 at 14:03

Viewed 32 times

Is there a way to target the <strong> in the first <div> below, but not the second? I want to style <strong> if it appears only at the very start of the line but div strong:first-child matches both:

<div><strong>Total:</strong> 12,000 and counting</div>
<div>A total of 12,000 <strong>and counting</strong></div>

I'd say it's impossible without modifying the markup?

asked Oct 27 '17 at 14:03

EoghanM

22,654
22
86
115

In CSS, You can't select a text node. I would suggest you to add a class on `strong` that appears at start of line. – Mohammad Usman Oct 27 '17 at 14:04
1

Use JavaScript for this or add a class to the element you want to modify. – TylerH Oct 27 '17 at 14:06

CSS :first-child but not after text node

0 Answers0