/*===
   our first CSS external style sheet!

   by: Sharon Tuttle
   last modified: 2026-02-24
===*/

/* this is a CSS comment */

/*===
    do NOT use // for CSS comments!!
    uncomment the line below and see the effect: 

// moo

===*/

/*=== 
    style p and a (anchor) elements to have text whose color
    is red, and whose background color is yellow
===*/

p, a
{
    color: red;
    background-color: yellow;
}

/*===
    demo of cascading: oh no, I want a (anchor) elements to have a
    different color -- 

    this later rule overrides the color property for
    a (anchor) elements from the previous rule,

    BUT the background-color property still cascades from the
    previous rule for a (anchor) elements
===*/

a
{
    color: blue;
}