Не ставится background-image через селектор в теге selection, за то в теге div с тем же селектором все работает прекрасно. В чем ошибка и почему так?

Question

[Алексей Карпунов]

Накладываю фон-картинку на тег selection с классом "top":

<main class="main">
        <selection class="top">
            <div class="container">
                <div class="top__inner">
                    <h1 class="top-title" id="top-title">
                        A cup of tea is a moment of calm in the chaos of life
                    </h1>
                    <p class="top-text" id="top-text">
                        Wide selection of high-quality teas from all over the world, carefully curated by tea experts.
                    </p>
                </div>
            </div>
        </selection>

В результате картинки вообще никакой нету. Затем делаю тоже самое, но меняю тег selection на тег div:

<main class="main">
        <div class="top">
            <div class="container">
                <div class="top__inner">
                    <h1 class="top-title" id="top-title">
                        A cup of tea is a moment of calm in the chaos of life
                    </h1>
                    <p class="top-text" id="top-text">
                        Wide selection of high-quality teas from all over the world, carefully curated by tea experts.
                    </p>
                </div>
            </div>
        </div>

Всё! Работает как и задумано.

.top {
    background-image: url(resource/prev.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
}
.top__inner {
    min-height: 500px;
}

Почему именно с тегом selection оно не хочет работать? ¯\(°_o)/¯

Comments

[Сергей delphinpro]

где вы нашли тег selection?

Если написать <abracadabra>, то тоже ничего не получится.

Answer 1

[Lynn «Кофеман»]

По умолчанию у всех неизвестных/несуществующих тегов (а тега selection не существует) стиль display:inline. Можно считать что они все аналогичны тегу span.

Если вы попробуете использовать в этом месте span, то получите такой же результат.

Что бы было видно фон нужно явно задать стиль display: block.

Answer 2

[YepBro]

Может быть вместо тега selection должен быть тег section?

Answer 3

[pantsarny]

Такого тега не существует