2013-11-20 1 views
0

Мой вопрос о переименовании и расширении стилей css. Допустим, я импортировал файл CSS, который имеет стиль нижеРасширение CSS-стиля с переименованием

// These two styles are from imported css 

buttonStyle{ .... }  
buttonStyle:hover{....} 


// I want to create a new style 
    myStyle extends buttonStyle:hover { ...} 

Можно ли продлить мой новый стиль так, что мой стиль будет объединено с buttonStyle+buttonStyle:hover+ myStyle содержанием

+0

Не в CSS, но вы можете сделать это с помощью [SCSS] (http://sass-lang.com/). – Chandranshu

ответ

0

Мы не можем расширить свойства в CSS, почему косяк вам нравится это:

Здесь в импортированной CSS мы просто добавив MyStyle вместе с двумя другими

buttonStyle, myStyle { 
.... 
} 

buttonStyle:hover, myStyle { 
.... 
} 

myStyle { 
// Add on properties for myStyle 
} 

Таким образом, myStyle получит свойства первых двух, а затем третьего, и дублированные свойства будут переопределены относительно его приоритета.

+0

Bease buttonStyle - внешний css, поэтому я не могу поместить свой стиль рядом с ним. –

 Смежные вопросы

  • Нет связанных вопросов^_^