Css select span

Question

How to select a span with value 34 but without 00?

.simple-price span.price {
  color: red
}

<p class="simple-price">
  <span class="price">34<span>00</span></span>
  <span class="uah">грн/шт.</span>
</p>

You are asking the wrong question. You _have_ selected only that span element. But `color` is one of the CSS properties that _inherits_ the value from the parent element, if not explicitly set. — CBroe, Apr 21 '20 at 09:45
Does this answer your question? [Is there a CSS parent selector?](https://stackoverflow.com/questions/1014861/is-there-a-css-parent-selector) — sanoj lawrence, Apr 21 '20 at 09:53
@FabrizioCalderan Yes it can. It's perfectly valid thing to do. — Rob, Apr 21 '20 at 23:58

score 1 · Answer 1 · answered Apr 21 '20 at 09:47

There are many ways.

.simple-price span.price {
    color: red
}

.simple-price span.price > span{
    color: black;
}

<p class="simple-price">
    <span class="price">34</span>
        <span>00</span>
    <span class="uah">грн/шт.</span>
</p>
<p class="simple-price">
    <span class="price">34
        <span>00</span>
     </span>
    <span class="uah">грн/шт.</span>
</p>

Css select span

1 Answers1