Как удалить маркеры из неупорядоченного списка, вложенного в Div? - PullRequest
Новая
       15

Как удалить маркеры из неупорядоченного списка, вложенного в Div?

0 голосов
/ 14 марта 2019

Я не понимаю, почему мой код не работает.Я хочу удалить пули на моих якорях.но "ul {list-style: none;} не работает.

Вот мой код: 

<div class="nav-wrapper">
    <div class="logo">
        <!-- <a href="/">Logo</a> -->
    </div>
    <div class="main-page-links">
        <ul>
            <li><a href="">MENU</a></li>
            <li><a href="">WEEKLY EVENTS</a></li>
            <li><a href="">FILLER</a></li>
            <li><a href="">FILLER</a></li>
        </ul>
    </div>
    <div class="gallery">
        <img src="" alt="image galleries">
    </div>

</div>

А вот Css: 

*{
margin: 0;
padding: 0;
box-sizing: border-box;}

body{
    height: 100%;
}

.nav-wrapper{
    display: grid;
    grid-template-columns: repeat(6, 1);
    grid-template-rows: 8;

height: 100px;
width: 900px;}

ul { list-style: none;}  /* I thought this would do it */

Ответы [ 2 ]

1 голос
/ 14 марта 2019

возможно ваш браузер кэширован, попробуйте использовать ctrl + shift + R на странице, которую вы используете, ваш код в порядке здесь

codepen

0 голосов
/ 14 марта 2019

Я пробовал стиль списка: нет, показ пуль не выполняется. 

*{
margin: 0;
padding: 0;
box-sizing: border-box;}

body{
    height: 100%;
}

.nav-wrapper{
    display: grid;
    grid-template-columns: repeat(6, 1);
    grid-template-rows: 8;

height: 100px;
width: 900px;}

ul { list-style: none;}  /* I thought this would do it */
<div class="nav-wrapper">
    <div class="logo">
        <!-- <a href="/">Logo</a> -->
    </div>
    <div class="main-page-links">
        <ul>
            <li><a href="">MENU</a></li>
            <li><a href="">WEEKLY EVENTS</a></li>
            <li><a href="">FILLER</a></li>
            <li><a href="">FILLER</a></li>
        </ul>
    </div>
    <div class="gallery">
        <img src="" alt="image galleries">
    </div>

</div>
...