свойство clear не работает на селекторе nth-child - PullRequest
Новая
       8

свойство clear не работает на селекторе nth-child

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

Это может показаться простым, но clear:both; не работает с моим тегом li, когда я использую селектор nth-child(). 

li{
    display: block;
    width:100px;
    height: 100px;
    list-style-type: none;
    margin:1px;
    float: left;
}
li:nth-child(1){
    background:#ff0000;
    clear:both;
}
li:nth-child(even){
    background: #0000ff;
}

Но он отлично работает при использовании в основном теге li. 

<body>
    <li></li>
    <li></li>
</body>

код не работает, даже когда я использую div вместо li.

1 Ответ

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

Возможно, потому что он все еще плывет к левой стороне.

Удалите это с помощью float:none

li{
    display: block;
    width:100px;
    height: 100px;
    list-style-type: none;
    margin:1px;
    float: left;
}
li:nth-child(1){
    background:#ff0000;
    clear:both;
  float:none;
}
li:nth-child(even){
    background: #0000ff;
}
<body>
    <li></li>
    <li></li>
</body>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...