Thursday, June 12, 2008

CSS Selectors in Blogger Templates

The look and feel of Blogger templates are controlled by the Cascading Style Sheet (CSS) rules defined in the template skin. Currently, there are 38 different templates available from Blogger. These templates use a number of different CSS selectors or rules.

Some of these selectors are common to all the templates and some are specific to certain templates. Knowledge about which selectors are used by which templates is useful when trying to tweak the formats and styles of Blogger templates.

Here is a matrix showing the CSS selectors against the Blogger templates in which they are used. This can be used as a reference when you want to find out what CSS selectors can be used to modify the look and feel of your tempalte.

A screenshot of the first page of this matrix is given below.

This matrix has been generated by a program that processed all the templates. It's very difficult to check whether all the selectors are properly marked for all the templates. If you find any errors in the matrix, please let me know.