How can i select the parent element without child?

Question

i don't know how to select only the h1 without the span in css HTML:

  <h1>
    <span>hello from spam</span>
    <br> 
    heloo from h1 
  </h1>

you want to apply a style to only the text and not the span? — Temani Afif, Oct 14 '19 at 15:05
you would need to style the h1 and then re-style the span or do you mean you only want to style `h1`s if they don't contain a span? — Pete, Oct 14 '19 at 15:09
possible duplicate of : https://stackoverflow.com/q/49609258/8620333 — Temani Afif, Oct 14 '19 at 15:13
... you did not clarify, maybe `:first-line` (css1) was plenty enough https://jsfiddle.net/at09msz1/1/ — G-Cyrillus, Oct 14 '19 at 15:37

score 0 · Accepted Answer · answered Oct 14 '19 at 15:33

0

There are no parent selectors in CSS. Check:

What you can do is styling both elements and then re-writing the style for the child. e.g.:

h1{
    color:blue;
}

h1 > span{
    color:black;
}

answered Oct 14 '19 at 15:33

Chüngel

score -1 · Answer 2 · edited Oct 14 '19 at 15:10

-1

You can add style inside tag <h1> . For example:

<h1 style="color:red;">

edited Oct 14 '19 at 15:10

Pete

answered Oct 14 '19 at 15:10

Miosotaa

2 Answers2