Hogyan lehet egy classon belül több classot létrehozni? (HTML, CSS)
Szóval van egy ilyen kódom :
.button
{
width: 190px;
height: 35px;
margin-left: 2.5px;
box-shadow: 0 5px 7px #555;
text-align: center;
border-width: 3px;
border:none;
}
.blue
{
background: blue;
}
.red
{
background: red;
}
Azt szeretném hogy a Blue és a Red class megkapja a Button class tulajdonságait anélkül hogy 20x le kelljen copy pastezni .
Hogyan lehet egy Classnak Al-Classot csinálni ?
Próbálkoztam így de nem müködött :
.button-red
{
}
válasza:Sima css-ben sehogy, de egy extra szerveroldali értelmezővel lehet SCSS -ben például.
Mindenesetre normál megoldás:
<button class='button red'></button>
így megkapja mindkettőt.
válasza:plusz ha nem akarsz kavart célszerű meghatározni melyik ellem blue, red...
.button.blue { }
Azaz az class -ok közvetlen össze fűzve, nincs szóközzel elválasztva.
Ha elválasztod, akkor .button elemen belül fogja keresni a .blue elemet.
Ha nincs köztük szóköz akkor adott elemere vonatkozik.
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!