Вложенные селекторы классов

Question

Если у меня есть что-то подобное в моем HTML

    <div id="top">
        <div class="txt">
            <span class="welcome">Welcome on my website</span>
            <span class="links"><a href="Home">Home</a></span>
        </div>
    </div>

Как выбрать класс приветствия в моем CSS.

Я пробовал # top.txt.welcome, но не работает. Я также пробовал # top.txt span.welcome.

Answer 1

#top .txt не #top.txt последний означает, что соответствующий элемент имеет идентификатор И класса, а первый означает, что соответствующий элемент имеет класс, а один из его элементов-предков имеет идентификатор

Answer 2

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

span.welcome
#top .welcome
#top div.txt span.welcome
.welcome

Answer 3

#top .txt .welcome{}

Answer 4

.welcome

#top div.txt .welcome

div#top div.txt span.welcome

это зависит от того, насколько конкретно вы хотите быть

Answer 5

Если вы хотите использовать этот класс 'welcome' для тега perticular span, вы можете использовать два способа, например ...

.txt span.welcome

или

span.welcome

он отлично подойдет для вашего класса CSS в вашем коде.

это понятие класса вложения, на которое вы также можете напрямую ссылаться из интернет-источников.

Answer 6

div#top div.txt span.welcome

или

#top div.txt .welcome

или какой-либо другой их вариант ...