1

Как применить стиль к элементу, исключив один, содержащийся в нём? например, есть

figure {
text-align: center
}
<figure>
<img>
<figcaption>Подпись к картинке</figcaption>
</figure>

и нужно, чтобы выравнивание применялось только к figcaption, не затрагивая img.

2 ответа 2

4

Используйте селекторы ":not" и "*". Для вашего примера:

figure *:not(img) {
text-align: center
}

Селектор "*" выбирает все дочерние элементы. Селектор ":not" убирает из этой выборки img.

2
  • таким образом применяется ко всем figure, у которых нет img.
    – Michael
    29 мар 2018 в 12:42
  • Вы правы. Исправил ответ
    – Grulex
    29 мар 2018 в 12:52
0
<!DOCTYPE html>
<html>
    <head>
    <style>
    p {
      color: #000000;
    }
    :not(p) {
      color: #ff0000;
    }
    </style>
    </head>
    <body>
    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>
    <p>This is another paragraph.</p>
    <div>This is some text in a div element.</div>
    <a href="https://www.w3schools.com" target="_blank">Link to W3Schools!</a>
     </body>
</html>
1

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.