Welcome to Bucaro TecHelp!

Bucaro TecHelp
HTTPS Encryption not required because no account numbers or
personal information is ever requested or accepted by this site

About Bucaro TecHelp About BTH User Agreement User Agreement Privacy Policy Privacy Site Map Site Map Contact Bucaro TecHelp Contact RSS News Feeds News Feeds

Grouped Selectors

A CSS style sheet consists of rules that define how html elements should be displayed on a webpage. Each rule consists of one or more selectors, one or more properties, and one or more values that each property should be set to.

With a grouped selector You can associate multiple selectors with a single set of rules. The grouped selector shown below sets style rules for multiple headline elements.

h1, h2, h3, h4
font-family: verdana;
font-weight: bold;

font-size: 20px;

font-size: 18px;

font-size: 16px;

<h1>H1 Text</h1>

<h2>H2 Text</h2>

<h3>H3 Text</h3>

Note that even though the upper grouped selector sets style rules for multiple headline elements, below that, single element selectors set different style rules for each headline element. When a style rule is set several times for a single element, a rule for a property set lower in the code overrides a rule for the same property higher in the code. Also rules set lower in the cascade override rules set higher in the cascade. That's why an inline rule overrides all previously set rules for the same property.

More CSS Quick Reference:
• Use Inline Style
• CSS background-clip Property
• Style the First Letter
• Set the Font Properties
• Set the Border Properties
• Specifying Color
• Set the Border Color
• nth-child Selector
• Set an Element's Visibility
• Set the Border Style

RSS Feed RSS Feed

Follow Stephen Bucaro Follow @Stephen Bucaro

Fire HD
[Site User Agreement] [Privacy Policy] [Site map] [Search This Site] [Contact Form]
Copyright©2001-2023 Bucaro TecHelp 13771 N Fountain Hills Blvd Suite 114-248 Fountain Hills, AZ 85268