make a class show in css code example

Example 1: how to make a class in html

<ul class="legend">
    <li><span class="greendot"></span>Text</li><br></br>
    <li><span class="yellowdot"></span>Text</li><br></br>
    <li><span class="reddot"></span>Text</li><br></br>
    <li><span class="blackdot"></span>Text</li><br></br>
</ul>

Example 2: syntax for manipulating a class in css

//element
element {
}
//class
.class {
}
//ID
#id {
}
//element and class
element .class {
}
//element with class and decendent
element.class decendent {
}