Как исключить класс с тем же именем, расположенный в нижнем колонтитуле?

Вот пример кода:Как исключить класс с тем же именем, расположенный в нижнем колонтитуле?

<body> 
    <div class="koko">content here</div> 
    <footer> 
    <div class="koko">content</div> 
    </footer> 
</body>

Теперь, как исключить koko класс, но только один, расположенный в footer элемента?

Я попытался это:

.koko:not(footer.koko)

это не сработало.

Я также попытался:

.koko:not(footer)

.koko:not(.footer.koko)

, но ничего не помогало. Есть идеи?

источник

2016-02-10 Kokolo

попробуйте добавить пробел между нижним колонтитулом и .koko: .koko: not (footer .koko) –

У вас есть незакрытый тег 'footer' и тег' footer' с классом 'koko'. В 'footer' есть' div', который имеет этот класс. Вышеупомянутый комментарий решает вашу проблему. – melancia

использование > прямые cildren

.koko { 
 
    background: red 
 
} 
 
footer > .koko { 
 
    background: blue 
 
}

<div class="koko">content here</div> 
 
<footer> 
 
    <div class="koko">content</div> 
 
</footer>

или вы можете использовать :not

.wrap .koko { 
 
    background: red 
 
} 
 
footer div:not(.koko) { 
 
    background: red 
 
}

<div class="wrap"> 
 
    <div class="koko">content here</div> 
 
</div> 
 
<footer> 
 
    <div class="koko">content</div> 
 
    <div>this will be red</div> 
 
</footer>

источник

2016-02-10 15:37:23 dippas

Да, я хочу исключить его. – Kokolo

Будет ли это работать как .koko: нет (нижний колонтитул> .koko)? – Kokolo

См. Мой обновленный ответ – dippas

Вместо того, чтобы исключить класс колонтитула, я включил только класс в организме, как:

.lnd > .koko {css}

, и она работала. Awesome

источник

2016-02-10 16:00:59 Kokolo

Извините, что я впервые опубликовал. Я просто редактирую пользовательский CSS на данной должности в wordpress. и класс, который я хотел исключить, был из темы. – Kokolo

Как исключить класс с тем же именем, расположенный в нижнем колонтитуле?

ответ

Смежные вопросы