不同的选择器选择不同的元素：

p.whatever { color: red; }
.whatever { color: blue; }
div.whatever { border: 1px solid black; }
span.whatever { border: 2px solid red; }
p { font-style: italic; }
div { text-decoration: underline; }

<p class="whatever">p.whatever</p>
<div class="whatever">div.whatever</div>

此外，element.class比.class具有更高的特异性;注意段落是红色而不是蓝色的。
没有红色边框，因为没有元素被选择器span.whatever匹配（.whatever匹配两个元素，p.whatever和div.whatever每个匹配一个元素）。