-1

I am starting to have the following situation in my code where I have multiple html elements which use the same set of classes

    <div class = 'nav-content row'>
            <div class="nav-item col s1 offset-s6 valign-wrapper"><h5>Home</h5></div>
            <div class="nav-item col s1 valign-wrapper"><h5>About</h5></div>
            <div class="nav-item col s1 valign-wrapper"><h5>Projects</53></div>
            <div class="nav-item col s1 valign-wrapper"><h5>Contact</h5></div>
        </div>

I would like the class nav-item to include the col s1 and valign-wrapper classes. Is it possible to do this?

michael_fortunato
  • 160
  • 1
  • 14
  • This question should not have been closed. It is not a duplicate of the suggested question, and requires a more subtle answer than a generic css inheritance Q/A from 10 years ago. – Sean Doherty Jun 25 '20 at 08:51

1 Answers1

0

Just put the code in the desired classes into the definition of the nav-item class

You could also use mixins with Sass

djweaver
  • 297
  • 1
  • 3
  • 8