CSS: Multiple rules within one style section

This entry is part 4 of 26 in the series Basic CSS

We can define multiple rules for multiple tags.

Using list style types defined in this post, we can expand this to also specify ordered lists.

<!DOCTYPE html>
<head lang='en'>
    <meta charset='UTF-8'>
    <style type='text/css'>
        ol {
            list-style-type: lower-alpha;

        ul {
            list-style-type: square;
<h4>British Pop</h4>
    <li>Cold Play</li>
    <li>Depeche Mode</li>
<h4>American Rock</h4>
    <li>Linkin Park</li>

Series Navigation<< CSS: Applying global style rule to all similar <ul> tags
CSS: Single and multiple rules >>

Leave a comment

Leave a Reply