Howto: change design of tags or category

Below you can find a tip on how to change color and font of tags and categories. This is a response to a question on the bloggersoverde skynetblogs blog.

The trick is using something called descendant selectors (see w3c for more info).

In the HTML template you add some structure:

<span class="category">{ CATEGORY }</span><span class="tags">{ TAGS }</span>And in the CSS stylesheet you specify the part you want to apply design to using descendant selectors:.category a { font-size: 14px; color: green;}.tags a { color: red;}
Example category:

15:10 Gepost door M. in Tips | Permalink | Commentaren (3) | Tags: css, tag, category, design, tips, skin, howto |  Facebook |