Вероятно, это довольно простой вопрос, но можно ли расширить сущность в CSS? Например, если у меня есть сущность, определенная с помощью набора стилей:
.blah {
clear: right;
float: right;
margin-top: 75px;
margin-right: 10px;
height: 71px;
width: 600px;
font-weight: bold;
font-size: 1.4em;
text-align: center;
}
Могу ли я создать два объекта, каждый из которых расширяет этот, а затем добавить/изменить некоторые стили, чтобы я мог просто ссылаться только на «blahFoo» и «blahBar» в коде jsp?
.blahFoo {
color: #036;
}
.blahBar {
color: #630;
}
В CSS такого наследования нет. В SCSS/SASS вы можете расширить некоторые class
или placeholder
, как вы можете прочитать здесь в официальной документации Sass. Однако в CSS вы можете сделать что-то вроде этого:
.blah, .blahFoo, .blahBar {
clear: right;
float: right;
margin-top: 75px;
margin-right: 10px;
height: 71px;
width: 600px;
font-weight: bold;
font-size: 1.4em;
text-align: center;
}
.blahFoo {
color: #036;
}
.blahBar {
color: #630;
}