CSS3 - few things

mainstyle.css

       
@import "heading.css";
@import "paragraph.css";

/*All the document*/
*{
    font-family: "Arial Black", 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

/*Inside All divs*/
div * {
    font-family: "Comic Sans MS", cursive, sans-serif;
}

/*Cascade down i.e override above styles*/
.sitelink{
    font-family: Georgia, serif
}

#tonyquote {
    font-family: "Lucinda Sans Unicode", 'Lucida Sans', sans-serif;
    color:black;
}

/*Paragraph inside sitelink class*/
p.sitelink{
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, sans-serif;
    color: black;
}

span#tonyname{
    font-family: "Times New Roman", Times, serif;
    color: red;
}

#tutorials ol li{
    color: purple;

}

#tutorials ul li{
    color: green;
}
/*target paragraph comes immediately after the h3 tag*/
h3 + p {
    font-style:italic;
}
/*target the link inside the paragraph immediately comes after h3 tag*/
h3 + p > a{
    color: red;
}

/*every single pargraph which has a class */
p[class]{
    background: grey;
}
/*every single pargraph which has a id */
p[id]{
    background: yellow;
}

/*anything with the alt nintendo*/
*[alt~="nintendo"]{
    background: orange
}
          
       
 

reference : newthinktank tutorial