CSS, чтобы разгрузить определенный элемент?

-2

Каков правильный селектор для удаления цели из div в div, основанный на позиции, которая не является целевым 1-м дочерним div или 2-м ребенком, и так далее.CSS, чтобы разгрузить определенный элемент?

Например,

<div class="myclass"> 
<div>1st 
    <div>Child of 1st</div> 
</div> 

<div>2nd</div> 
<div>3rd</div> 
</div>

Если я хочу класса MyClass не обратиться к п-го ребенка 1-го?

источник

2017-01-13 user7410898

Можно создать дубликат: [http://stackoverflow.com/ вопросы/21829478/KSS-хау в использовании-псевдо-класса не-с-п-го ребенка] (http://stackoverflow.com/questions/21829478/css-how-to-use-pseudo-class-not -with-nth-child) – Rohit

"Я хочу класс myc чтобы не применять к n-му ребенку 1-го «Но у этого div * нет« myclass ». Ваша разметка ясно показывает, что только div верхнего уровня имеет «myclass». Я подозреваю, что ваш выбор слов там неправильный. В чем же проблема? – BoltClock

@ Dippas На самом деле, я не вижу, как это дублирует упомянутый вопрос. Я не вижу, как этот подход работает на нескольких уровнях. Если вы используете ': not (first-child): not (first-child)' {color: red; }, чтобы «де-выбрать» первого внука, первый ': not' приведет к тому, что селектор не будет применяться ко всей первой ветви. Я не вижу в этом никакого способа, кроме как написать отдельное правило для ': first-child>: first-child', что, вероятно, лучший способ справиться с ним. Единственной альтернативой было бы написать ': first-child>: not (: first-child),: not (: first-child)> *', который кажется многословным. –

Возможно, вы, вероятно, впервые посетили эту страницу. Выберите п-й ребенок:

div > div:nth-child(2) { 
     background: red; 
    }

Unselect н-й ребенок:

div > div:not(:nth-child(2)) { 
     background: red; 
    }

JS скрипку: https://jsfiddle.net/uk0vnycw/

http://www.w3schools.com/cssref/sel_nth-child.asp

источник

2017-01-14 00:00:59

OP хочет избежать класса на n-м элементе, который не добавляется. – Deep

Не работает для меня – Teshtek

«Отменить n-й ребенок» работает отлично? – TheYaXxE

CSS, чтобы разгрузить определенный элемент?

ответ

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