Újrafelhasználható CSS
- 19. Nem rossz, DE ...
.box
.box
.box
.box
.box-pic{}
.box-body{}
.box-body .box-title{}
.box-body .box-content{}
Amire szükségünk van most!
.box{...}
.box-pic{...}
.box-body{...}
.box-title{...}
.box-content{...}
- 22. Kerüld az ID-k használatát!
#article .comment{}
#forum .posts{}
#datasheet .comment{}
#webshop .comment{}
#guestbook{}
csak: .comment{}
- 25. HTML tag stílusának címzése
.datasheet-list h3{}
.datasheet-openbox h4{}
jobban:
.datasheet-list h3,
.datasheet-openbox h4{}
helyette:
.datasheet-title{}
- 27. Stílusok felülbírálása és !important
.datasheet-title{
padding: 0 0 5px;
border-bottom: solid 1px #ccc;
}
.without-border{
padding: 0;
border: 0;
}
Inkább:
.datasheet-title{...}
.with-border{
padding: 0 0 5px;
border-bottom: solid 1px #ccc;
}