Adobe GOLIVE CS2, User Manual, Page: 339 / 724

330 ADOBE GOLIVE CS2
User Guide
. c l a s s n a m e { p r o p e r t y : v a l u e }
HTML element styles
The syntax consists of an HTML tag, without the angle brackets < >, followed by a property:
value definition enclosed by braces:
t a g { p r o p e r t y : v a l u e }
ID styles
The syntax consists of a pound symbol (#) followed by a unique alphanumerical name, and a property:
value definition enclosed by braces:
# i d n a m e { p r o p e r t y : v a l u e }
If a style has more than one property: value pair, separate each pair with a semicolon. For example:
. c l a s s n a m e { p r o p e r t y : v a l u e ; p r o p e r t y : v a l u e }
See also
“About style properties” on page 330
Defining style properties
About style properties
After you have added a style to your cascading stylesheets, you set the properties of the style in the CSS Editor, which
contains all of the style properties that GoLive supports. Some style properties are automatically inherited by items
contained within the item that hosts a style.
The CSS Editor includes properties that cover the major part of the CSS specification, with the exception of some
style options that browsers don’t consistently support. If a property you want to add is not included in the CSS Editor,
you can enter the property and value in the Selector And Properties set or manually in the Source tab or Split Source
view of the CSS Editor. You can also store collections of properties and then quickly apply them to a style.
If multiple styles will share a set of properties, you can set the shared properties for each style simultaneously. In the
CSS Definitions tab of the CSS Editor, Shift-click to select every style that will share the properties, and then set the
shared properties in the CSS Editor.
See also
“Property inheritance” on page 330
Property inheritance
Content and tags contained within an item that hosts a style will automatically inherit the inheritable style properties.
If you assign a style to an HTML tag or a selection in your document, any tags and content contained between the
start and end tags or within the selection will inherit those style specifications. For example, consider an HTML
element style named after the <h1> tag (Header 1 paragraph format) and given a blue color property. If the page has
text that uses the Header 1 paragraph format, and some of that header text is also italicized with the <i> tag, the itali­
cized text will inherit the blue properties of the <h1> start and end tags that contain it.
< h 1 > T h i s i s a h e a d i n g o f < i > s i z e o n e < i > . < / h 1 >
If we create an additional HTML element style named after the <i> tag and apply a pink color property to it, the <i>
tag HTML element style will take precedence over the <h1> tag HTML element style because the <i> tags are nested
within the <h1> tags. The italicized text would display in pink, and the rest of the heading would display in blue.