CSS-tips

Nu är det på tiden att ge lite grundläggande webbutvecklingstips och jag tänkte berätta om en ganska grundläggande och enkel sak man kan göra med CSS. Det var inte så länge sedan jag började göra på det här sättet. Tidigare satte jag alltid class på länkar och bilder m.m.

Om du t.ex har en div som heter row och vill styla alla länkar och all text i denna kan du skapa en form av underegenskaper till denna.

.row {width: 400px; float: left;}
.row p {text-align: left; font-family: Tahoma, Arial; font-size: 8pt;}
.row a:link {text-decoration: none; color: #000000;}
.row a:visited {text-decoration: none; color: #000000;}
.row a:link {text-decoration: underline; color: #000000;}

Det är smidigt om du vet att allt som ska finnas i elementet ska ha samma egenskaper. Då slipper du skriva ut samma class på alla p-taggarna och kan helt enkelt nöja dig med <p>Text</p>.

Kommentera

E-postadressen publiceras inte. Obligatoriska fält är märkta *