css subclass

1/* CSS */
2.title {  color #f00000;} 
3
4// New subclass called “title-large”
5.title-large {  font-size: 2rem;}
6
7/* HTML implementation
8<span class=”title title-large”>
9*/
10
11// New subclass called “title-small”
12.title-small {  font-size: .5rem;}
13
14/* HTML implementation
15<span class=”title title-small”> */

1<div class="area1">
2    <table>
3        <tr>
4            <td class="item">Text Text Text</td>
5            <td class="item">Text Text Text</td>
6        </tr>
7    </table>
8</div>
9<div class="area2"> 
10    <table>
11        <tr>
12            <td class="item">Text Text Text</td>
13            <td class="item">Text Text Text</td>
14        </tr>
15    </table>
16</div>
17
18<style>
19
20	.area1
21{
22    border:1px solid black;
23}
24.area1.item
25{
26    color:red;
27}
28.area2
29{
30    border:1px solid blue;
31}
32.area2.item
33{
34    color:blue;
35}
36
37</style>
38