More on selectors

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<style>
    h1, h2, .old { /* grouping like declarations */
      font-family: "Courier New";
    }
    
    p.angry { /* only <p> elements with class="angry" */
      color: red;    
    }
        
    #username:hover { /* pseudo class */
      background-color: yellow;        
    }
</style>
    
<h1>Courier</h1>
<h2>New font</h2>
<p class="old">old paragraph, by <span id="username">abc</span></p>
<p class="angry">unhappy paragraph</p>
 
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX