Что означает селектор CSS «+» (знак плюса)?

Опубликовано: 4 Февраля, 2022

Селектор знака «+» используется для выбора элементов, которые помещаются сразу после указанного элемента, но не внутри отдельных элементов.

Примечание: IE8 и более ранние версии </DOCTYPE> должны быть объявлены как рабочий элемент + селектор элемента.

Синтаксис:

element + element {
    // свойство CSS
}

Example:

<!DOCTYPE html>
<html>
    <head>
        <title>+ sign selector</title>
        <style>
            h2 + div {
                font-size:20px;
                font-weight:bold;
                display:inline;
                background-color: yellow;
                color:green;
            }
            h1 {
            color:green;
            }
            body {
                text-align:center;
            }
        </style>
    </head>
    <body>
        <h1>GeeksforGeeks</h1>
        <h2>+ sign Selector</h2>
        <div>A computer science portal for geeks</div>
    </body>
</html>                    

Выход:

Поддерживаемые браузеры: Браузеры, поддерживаемые селектором «+», перечислены ниже:

Apple Safari
Гугл Хром
Fire Fox
Опера
Internet Explorer 7.0

Picked HTML CSS-Misc CSS

Что означает селектор CSS «+» (знак плюса)?

РЕКОМЕНДУЕМЫЕ СТАТЬИ