Sass and first element

Question

Now I have html:

<div class="box">
   <span class="title">first</span>
   <span>second</span>
   <span>third</span>
   <span>fourth</span>
</div>

And Sass:

.box {
    background-color: gray;
    span {
       margin: 10px;
       &.title {
          color: red;
       }
    }
}

I would like to remove class .title and replace &.title with a any selector.

Is it possible without class in first element? I would like to in HTML simply:

<div class="box">
   <span>first</span>
   <span>second</span>
   <span>third</span>
   <span>fourth</span>
</div>

And first span have to has red color.

or just look at this answer https://stackoverflow.com/a/8539107/2309928 — Synoon, Sep 26 '18 at 09:19

score 2 · Accepted Answer · answered Sep 26 '18 at 09:16

2

Yeah that's possible event without sass have a loook at:

pseudo-selectors

:first-of-type or :first-child

answered Sep 26 '18 at 09:16

Synoon

1 Answers1