Reducere dimensiune cod css
Moderatori: eyecon, Moderatori
- Copyright
- Senior Member
- Mesaje: 869
- Membru din: Dum Dec 17, 2006 7:24 pm
- Localitate: Bucuresti
- Contact:
Pentru a mai reduce din dimensiunea fisierului CSS poti sa folosesti clase multiple si(sau) sa grupezi selectoarele care au una sau mai multe proprietati comule:
ex clase multiple:
.tdNone{text-decoration: none;}
.abspos{position: absolute;}
.trans{background: transparent;}
<div class="tdNone abpos trans">...</div>
<div class="abpos trans">...</div>
ex grupare selectoare:
dd#c1 a,
dd#c1 a:hover,
dd#c3 a,
dd#c3 a:hover,
dd#c5 a,
dd#c5 a:hover,
dd#c7 a,
dd#c7 a:hover {background: transparent;}
dd#c1 a,
dd#c1 a:hover,
dd#c1 a:hover span,
dd#c3 a,
dd#c3 a:hover,
dd#c3 a:hover span,
dd#c5 a:hover,
dd#c5 a:hover span,
dd#c7 a,
dd#c7 a:hover,
dd#c7 a:hover span{position: absolute;}
Eventual mai intrebi daca n-ai inteles ceva...
Later.
ex clase multiple:
.tdNone{text-decoration: none;}
.abspos{position: absolute;}
.trans{background: transparent;}
<div class="tdNone abpos trans">...</div>
<div class="abpos trans">...</div>
ex grupare selectoare:
dd#c1 a,
dd#c1 a:hover,
dd#c3 a,
dd#c3 a:hover,
dd#c5 a,
dd#c5 a:hover,
dd#c7 a,
dd#c7 a:hover {background: transparent;}
dd#c1 a,
dd#c1 a:hover,
dd#c1 a:hover span,
dd#c3 a,
dd#c3 a:hover,
dd#c3 a:hover span,
dd#c5 a:hover,
dd#c5 a:hover span,
dd#c7 a,
dd#c7 a:hover,
dd#c7 a:hover span{position: absolute;}
Eventual mai intrebi daca n-ai inteles ceva...
Later.
Înapoi la “HTML/JavaScript/CSS”
Cine este conectat
Utilizatori ce ce navighează pe acest forum: Google [Bot] și 10 vizitatori
