hmmmm let's see
In CSS you can style HTML directly. For example
div { color: #000000; }
This will apply to all <div>
dot stuff are classes. For example
<div class="redBG">
This can be styled using the class
.redBG { ..... }
# means ID.
<div id="header">
can be styled with
#header { ... }
You can define multiple class together. They're separate by comma
.firstClass , .secondClass , .thirdClass, #someID { ..... }
Next it's about... not sure how to call it. But it's a way to point to specific elements you want to style. Take a look at this example
HTML:
<div id="header">
<div class="first">
<img .....>
<a href=..........>
</div>
<div class="second">
......
</div>
</div>
As you see, img is inside .first, and .first is inside # header. You can create CSS to specifically point to this img like this
#header .first img { .... }
or the <a href....>
#header .first a { .... }
This way your CSS will not apply to other img or a outside of this structure.
Combine all above together, you should be able to understand this one
.concealed, .concealed a, .cloaked, .cloaked a { .... }
I hope that make sense.