Селектор для всех потомков тегов

Извините, если это звучит довольно просто для тех, кто следит за тегом css.

В рассматриваемой веб-странице есть несколько разделов:

<section id="top"> ; <section id="tab-banner">

В этих разделах есть много html со множеством уровней вложенности.

Я просто хочу сказать, захватить все теги <a>, которые являются потомками каждого раздела. Например.

#tab-banner a { /* css here */ }

Как я могу сказать, захватить все элементы определенного типа (а), которые являются потомками элементов со специфическими идентификаторами?

Ответ 1

Для всех потомков используйте:

#tab-banner *

Для прямых потомков используйте:

#tab-banner > *

Edit:

Поскольку op изменил/уточнил вопрос:

Чтобы найти всех потомков определенного типа, просто используйте этот тип вместо *. Пример:

#tab-banner a

Итак, вы пытаетесь правильно. Если стиль не применяется к тем элементам, которые вы ожидаете, то эти элементы на самом деле не являются потомками этого раздела, или у вас есть другое правило, которое принимает прецедент.

Ответ 2

Попробуйте с Прямой селектор для детей:

#tab-banner > a { ... }

Ответ 3

Похоже, вам может понадобиться универсальный селектор, но я бы посоветовал вам уточнить, как вы присоединяете свой css

#tab-banner * {css here} селектор звезд добавит стили ко всем декандантам, но это не лучшая практика, так как она имеет эффекты производительности.

Universal_selectors

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