В прошлом я много узнал о CSS, но теперь я не помню, как использовать стили.
Пример:
У меня есть несколько вкладок с классом tab
, и я могу переключить их с помощью javascript. Текущая выбранная вкладка имеет другой класс, active
.
Их стиль CSS:
.tab {
position: relative;
top: 0;
left: 0;
width: 100%;
padding: 15px 0 15px 0;
border: solid thin #CCC;
text-align: center;
font-weight: bold;
margin-bottom: 10px;
color: #272F42;
cursor: pointer;
background-color: white;
}
.active {
position: relative;
top: 0;
left: 0;
padding: 15px 0 15px 0;
border: solid thin #CCC;
text-align: center;
font-weight: bold;
margin-bottom: 10px;
color: #272F42;
cursor: default;
background-color: #FFCF75;
}
Оба стиля имеют много идентичных стилей, кроме 2, cursor
и background-color
.
Итак, мой вопрос: как я могу использовать стиль .tab и использовать его в .active?
Я хочу добиться чего-то вроде этого:
.active { //extends .tab
cursor: default;
background-color: #FFCF75;
}
Спасибо.