0

Допустим у нас есть два div-а

<div class="one">
    <div class="two"></div>
</div>

Как правильно указать стили дляя div-а two? Я видел несколько способов и до сих пор не знаю, какой из них правильный

.one.two{}
.one .two{}
.one > .two{}
3
  • я бы ответил но вы не принимаете своих ответов .
    – Randall
    19 мая 2018 в 8:47
  • Все кроме первого
    – E_K
    19 мая 2018 в 9:18
  • 2
    Верны и правильны записи: .two , .one .two , .one > .two , разница только в весе селекторов. Статья - css.yoksel.ru/specifity
    – SVE
    19 мая 2018 в 9:26

2 ответа 2

0

в такой ситуации лучше всего указать на прямую стиль .two{} или на крайний случай .one .two{} или .one > .two{}.

Это не верно .one.two{} - это подходит для ситуации <div class="one two"></div>

0
  1. .one.two{} - в этом случае запись должна быть такого типа <div class="one two"></div>, если будет вложенность, то стили не отработают.
  2. .one .two{} - выбирает все <div class="two"></div>, которые находятся внутри <div class="one"></div> работает любая вложенн
  3. .one > .two{} - выбирает все <div class="two"></div>, которые являются потомками <div class="one"></div>

Ваш ответ

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

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