2010-09-11 16 views
5

Chcę używać właściwości z innych klas css bez konieczności przepisywania kodu ... Nie jestem zbyt bystry z css, więc proszę wybaczyć mi proste pytanie.css klasa w innej klasie jako własność

Czy jest możliwe zrobienie czegoś takiego lub podobnego do niego w css?

.class_a { 
    background:red; 
} 

.class_b{ 
    .class_a; 
} 
+3

Sam CSS nie może tego zrobić, ale możesz rzucić okiem na LESS (http://lesscss.org/). – Chris

+0

możliwy duplikat [Czy klasa CSS może odziedziczyć jedną lub więcej innych klas?] (Http://stackoverflow.com/questions/1065435/can-a-css-class-inherit-one-or-more-other-classes) –

Odpowiedz

3

Najlepszym sposobem (które znam), aby ponownie użyć klas CSS jest zdecydować się na atrybuty css chcesz ponownego wykorzystania, a umieścić to w klasie indywidualne, jak tak:

.class_a { 
    background:red; 
} 

Następnie, za każdym razem chcesz ponownie użyć tych atrybutów, należy dodać klasę do elementu hTML, z przestrzeni pomiędzy różnymi nazwami klas, tak jak poniżej:

<div class="text class_a">This will be red, and have the properties of the text class</div> 
<div class="text">This will only have the properties of the text class</div> 
2

można użyć tego samego mienia lista dla więcej niż jednego selektora:

.class_a, .class_b { 
    background:red; 
} 
1

Nie narzędzia CSS, które pozwalają zakodować w sposób opisać. Po prostu wykonujesz pewne przetwarzanie kodu w celu wygenerowania prawidłowego CSS.

Zapoznaj się z LESS.

0

Nie można użyć CSS. Można to jednak osiągnąć, używając czegoś takiego jak Sass. Sass pozwala pisać CSS z ulepszeniami, takimi jak ten, który opisałeś. Niestety, wprowadza to dodatkowy krok, ponieważ pliki Sass muszą zostać przekonwertowane na CSS, zanim będzie można ich użyć na swojej stronie. Może pomóc Ci zaoszczędzić sporo pisania :)

Powiązane problemy