javascript - How to change nav-link's colors -


i have little problem nav tags here :

i creating nav header menu , change link color , space them little bit users can see them.

.header-nav {    margin-bottom: 11px;    margin-left: auto;    margin-right: auto;    width: 100%;    text-align: center;    margin-top: 11px;    border-top: 1px solid #cccccc;    padding-top: 11px;  }
<div class="header-nav">    <nav>      <a href="#">nav_a</a>      <a href="#">nav_b</a>      <a href="#">nav_c</a>      <a href="#">nav_d</a>    </nav>  </div>

jsfiddle here ==> https://jsfiddle.net/9oxohpcy/4/

thanks helping out

apply styling child element, ie., <a> .

.header-nav {    margin-bottom: 11px;    margin-left: auto;    margin-right: auto;    width: 100%;    text-align: center;    margin-top: 11px;    border-top: 1px solid #cccccc;    padding-top: 11px;  }    .link{    text-decoration: none;    margin: 0 10px;    color: blue;  }
<div class="header-nav">    <nav>      <a class="link" href="#">nav_a</a>      <a class="link" href="#">nav_b</a>      <a class="link" href="#">nav_c</a>      <a class="link" href="#">nav_d</a>    </nav>  </div>


Comments

Popular posts from this blog

How to understand 2 main() functions after using uftrace to profile the C++ program? -

c# - Update a combobox from a presenter (MVP) -

How to put a lock and transaction on table using spring 4 or above using jdbcTemplate and annotations like @Transactional? -