массовая смена стилей

370
29 июля 2017, 05:12

доброго времени суток, можно ли в css каким либо образом указать блоку стилей(любое количество) конкретного родителя, например просто .class{} начнет искаться от html, интересует реально ли сделать так что бы он искался не от html, а от указанного селектора? это могло бы решить проблемы при интеграциях и пересечением стилей, + уменьшение длинны селекторов

Answer 1

То что вы хотите реализовано в sass и less. Например, в sass можно писать так:

body{
  property: value;
  .selector1{
    property: value;
    property: value;
    property: value;
    .selector2{
      property: value;
      &__item1{
       property: value;
      }
    } 
  }
}

этот же код в css выглядел бы так:

body {
  property: value;
}
body .selector1 {
  property: value;
  property: value;
  property: value;
}
body .selector1 .selector2 {
  property: value;
}
body .selector1 .selector2__item1 {
  property: value;
}
Answer 2

Да, легко, укажите родителя и через пробел его стили будут применяться длях всех потомков. Демонстрация:

/* применить стили к p для всех потомков .rough-parent */ 
.rough-parent p { 
  color: red; 
}
<p>Это просто параграф</p> 
 
<div class="rough-parent"> 
  <p>Это параграф особо крутого родителя</p> 
</div>

READ ALSO
Не удалось выполнить операцию .pipe(gulp.dest(&ldquo;dist/styles&rdquo;))

Не удалось выполнить операцию .pipe(gulp.dest(“dist/styles”))

У нас готовы плагины packagejson Проблема в том что не удалось выполнить операцию gulp

284
Работа с blur() эффектом CSS

Работа с blur() эффектом CSS

Как видно в этом примере, когда я использую blur(5px), картинка становится меньше на 5 пикселей из-за блура и можно видеть по краям цвет (от другой...

344
Как сделать фон &ldquo;сетку из точек&rdquo; с помощью css3?

Как сделать фон “сетку из точек” с помощью css3?

Подскажите, пожалуйста, как сделать с помощью css3 такой фон? И возможно ли в принципе?

424
Фон или картинку на картинку CSS

Фон или картинку на картинку CSS

Подскажите самый простой и кроссбраузерный вариант наложения фона или картинки на картинкуНужно тупо затемнить

520