css syntax

style sheet refers to the whole file that make look like this:

.redTitle{
    color: red;
}
.greenTitle{
    color: green;
        }

It contains list of rules.

A rule is a selector + a , which shuld look like this:

.greenTitle{
    color: green;
        }

to specify which part of html the following style applies to. matching tag or attribute types of seletors are:

• tag type, like h2
• tag/element attributes: names are case-sensitive, start with leetters, include [1-9a-zA-Z_\-]

  id

  #id

  class

  .class

• peudo-

  peudo-classes

  a:hover

  peudo-element

  a::first-letter

• combinators selector1 selector2

all selector2 elements that are inside selector2 element; an element whose path suffix with slector1/selector2.