Mastering GUI Programming with Python

Style sheet syntax

Modern HTML is styled using Cascading Style Sheets (CSS). You learned about CSS in Chapter 6, Styling Qt Applications, when we discussed QSS. To review, CSS allows you to make declarations about the way a tag will look, as follows:

b {    color: red;    font-size: 16pt;}

The preceding CSS directive will make all the content inside bold tags (between <b> and </b>) appear in a red 16 point font.

Certain tags can also have modifiers, for example:

a:hovered {   color: green;   font-size: 16pt;}

The preceding CSS applies to <a> (anchor) tag contents, but only when the anchor is hovered over by the mouse pointer. Modifiers like this are also called pseudo-classes.