Wednesday 13th of December 2017 08:02:58 PM

Book Home

Cascading Style Sheets: The Definitive GuideSearch this book

Symbols | A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z

Index: R

raised look: 7.4.1. Borders with Style
readers, selecting alternate style sheets: Alternate style sheets
relative font sizing: 5.3.2. Relative Sizes
relative length units: 3.2.2. Relative Length Units
relative positioning: 9.2. Relative Positioning
relative URLs: 3.4. URLs
rendering engines: 8. Visual Formatting
repeating images: 6.2.2. Repeats with Direction
6.2.4. Repeats with Direction (Revisited)
replaced elements: 2.9. Classification of Elements
8.2.4. Block-Level Replaced Elements
8.4. Inline Elements
inline: 8.4.4. Inline Replaced Elements
adding box properties to: Adding box properties
border color: 7.4.3. Border Colors
border widths: 7.4.2. Border Widths
margins: 7.3.3. Replicating Values
value: Multiple styles
resources for further information
instances: 11.2.4. Styling Common Elements
restrictions on pseudo-classes/ pseudo-elements: 2.4.3. Restrictions on Pseudo-Class and Pseudo-Element Selectors
RGB colors: 3.1.2. Colors by RGB
richness property: 10.8.2. The Spoken Word
right property: 9.1.2. Side Offsets
:right pseudo-class: 10.8.1. Paged Media
root element: 2.5. Structure
@ rules: 10.8. Media Types and @-rules

There is one interesting thing about CSS that can make life difficult for authors. According to CSS1, a user agent is allowed to interpret any value of border-style (besides none) as solid. Because of this allowance, a user agent that is technically CSS1-compliant could display the following as all solid:

P.new3 {border-style: ridge dashed double;}

The result shown in Figure 7-35 wouldn't be what the author had in mind, of course, but it's technically

Symbols | A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z

Library Navigation Links

Copyright © 2002 O'Reilly & Associates, Inc. All Rights Reserved.

Figure 10-4

Figure 10-4. Selecting grandchildren only

The first list item in the source is silver because it's the child of an ordered list that is itself the child of a BODY. The second list item in the source is the child of an unordered list, so it can't match the rule. Finally, the third list item in the source is a child of an ordered list, but the OL element is the child of an LI element, so it doesn't match either.

course. By all means, try some examples of your own!

6.1.4. Good Practices

You may have noticed that in almost every circumstance, where we set a table -- should be gray. This is accomplished as follows:

BODY * UL {color: gray;}

Figure 10-3 shows the result of this declaration.

Figure 10-3

Figure 10-3. Making BODY's grandchildren (and their descendants) gray

On the other hand, perhaps you wish to make purple any element thatis a descendant of DIV. This would be written:

DIV * {color: purple;}

At first glance, this seems no different than if the