2015-05-30 4 views
1

У меня есть A.css и импортирован в B.css, Существует несколько классов rotate45, rotate90, rotate135 и rotate180 в A.css , и я хотел бы использовать их в B какнаследует свойства одного класса другому классу

B.css 
{   
    .roate{ 
    // Get properties of rotate180 
    } 

    @media(min-width:570) 
    { 
     .roate{ 
     // Get properties of rotate45 
     } 
    } 

    @media(min-width:750) 
    { 
     .roate{ 
     // Get properties of rotate90 
     } 
    } 

    @media(min-width:950) 
    { 
     .roate{ 
     // Get properties of rotate135 
     } 
    } 

} 

Может ли кто-нибудь помочь в этом.

ответ

1

Импорт A.css в B.css.

Используйте @import url(); в начале файла.

B.css

@import url('path/to/A.css'); 

// code in B.css 
... 
+0

Спасибо за ответ. Но мое требование после добавления ссылки мне нужно наследовать классы, доступные в A.css, на B.css. например, у меня есть класс как .rotate180 {color: red}, .rotate90 {color: green}, а в моем новом файле B.css мне нужно использовать их как @media (min-width: 950px) {.rotate { inherit rotate180 class from A.css}} @media (min-width: 750px) {.rotate {inherit rotate90 class from A.css}}. заранее спасибо –

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