Селектор для немедленного дочернего элемента

может ли кто-нибудь сказать мне, что такое селектор для поиска элемента, который находится внутри родителя, но не является непосредственным дочерним. Пример:Селектор для немедленного дочернего элемента

<body class="main"> 
    <elem class="something"> 
    <elem id="link"> 
     <elem class="otherclass"> 
     <p class="text">Hello</p> 
     </elem> 
    </elem> 
    </elem> 
</body>

, поэтому я хочу, чтобы найти .text через .main, не зная количество элементов между ними и с чистым CSS.

Благодаря

источник

2014-09-03 supersize

Почему бы вам не пойти на '.main .text {}'? – Manwal

Вы можете использовать следующий селектор:

.main > * .text

Какие будут выбраны все .text элементы, которые являются потомками .main, но не непосредственных потомков.

источник

2014-09-03 12:55:25

Хороший, особенно потому, что он не будет выбирать '.text', который является прямым потомком. '+ 1' – LinkinTED

@LinkinTED Довольно уверен, что это то, чего хотел OP, считая название сказанным *« неотъемлемым дочерним элементом »*. Однако это немного неясно. –

+1 Вы можете быть правы, хотя в формулировке есть неоднозначность, в которой может быть справедливым ответ «.main .text». –

Вы можете просто использовать для всех клиентских элементов:

.main .text 
{ 
/*css*/ 
}

DEMO

для избежания потомков элемента (промежуточный ребенок) вы должны добавить * между как:

.main * .text 
{ 
/*css*/ 
}

Featured DEMO

источник

2014-09-03 12:56:51 Manwal

Следующее выберет любой .text, который является дочерним лицом .main.

CSS:

.main .text { 
    background-color: red; 
}

JSFiddle: http://jsfiddle.net/3f20ojt8/

источник

2014-09-03 12:57:12

Ударьте меня на 6 секунд :) – LinkinTED

Хе-хе, подумал, что мне нужно быть быстрым с этим :) –

Жаль, что он не делает то, что хочет TS (отметьте ответ Джона Козье) – LinkinTED

Селектор для немедленного дочернего элемента

ответ

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