детей селектор в CSS

У меня есть вложенный HTML как это:детей селектор в CSS

<div id="feautred"> 
    <div></div> 
    <p></p> 
    <ul></ul> 
    <dl></dl> 
</div>

Для нормальной разметкой я мог бы использовать #featured > div, но здесь не только ДИВ вложен. Там может быть что угодно. Итак, как я могу использовать селектор #featured > ?????

Doing #featured > * подберет все внутренние детей, что мне не нужно! Я хочу выбрать только основные элементы для детей.

источник

2014-02-17 Bhojendra Nepal

'#features> *' не будет выбирать все элементы-потомки, он будет выбирать только прямые дочерние элементы '# featured'. Стиль, который вы применяете к этим детям, может быть унаследован элементами, которые глубже в DOM, но это из-за того, как наследование CSS работает, а не потому, что этот селектор выбирает эти элементы. – MarcinJuraszek

Вы имеете в виду детей или потомков? Что вы подразумеваете под «основными элементами детей»? –

@MarcinJuraszek Спасибо, что я ошибочно подумал. –

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

#features > *

из specification:

Универсальный селектор, записываемый как CSS уточненное имя [CSS3NAMESPACE] звездочкой (* U + 002A) в качестве местное имя, представляет квалифицированное имя любого типа элемента.

источник

2014-02-17 07:56:49 MarcinJuraszek

Я считаю, что C-link хочет только прямых детей, а не внутренних детей. –

@BrettDeWoody Вот как работает '>' – MarcinJuraszek

Ах, ваш комментарий выше, касающийся наследования CSS, очистил меня от путаницы. –

Возможно, что-то вроде этого?

#featured + p { }

Это выберет все абзацы, следующие за #featured.

источник

2014-02-17 08:00:15 witherwind

детей селектор в CSS

ответ

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