CSS elemek összevonása?
Ha van 2, vagy több olyan elem, aminek 1 eltéréssel ugyanazok a tulajdonságai, össze lehet őket valahogy vonni CSS-ben?
Példa:
.asd{
color:blue; /* eltérés */
font-size:15;
font-family:Arial;
font-weight:bold;
margin-left:auto;
}
.qwe{
color:green; /* eltérés */
font-size:15;
font-family:Arial;
font-weight:bold;
margin-left:auto;
}
#1 vagyok persze megcsinálhatod ezt is:
.asd{
color:blue; /* eltérés */
}
.qwe{
color:green; /* eltérés */
}
.kozos{
font-size:15;
font-family:Arial;
font-weight:bold;
margin-left:auto;
}
Ha nem probléma a HTML-t is kiegészíteni a kozos class-al.
.asd {
color:#00f; /* Kék, rövidebben */
}
.qwe {
color:#0f0; /* Zöld, rövidebben */
}
.asd, .qwe {
font-size:15px; /* Mert meg kell adni a mértékegységet is */
font-family:Arial;
font-weight:bold;
margin-left:auto;
}
Sőt még a font is összevonható:
font:bold 15px Arial;
(bár egyes vélemények szerint érdemes általános fontosztályt is megadni, ha nem lenne Arial:
font:bold 15px Arial,sans-serif;)
#2 vagyok
#3: tééényleg, miért nem jutott eszembe :) +1
Köszönöm mindenkinek!
#1: LESS-t meglesem
#3: a px véletlenül maradt le :$
A font összevonást pedig nem tudtam, hogy így is működik.
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!