“`css
/* 选择所有类名为 “class-name” 的元素 */
.class-name {
/* 样式规则 */
/* 选择元素类名为 “class-name” 且父类名为 “parent-class” 的元素 */
.class-name + .parent-class {
/* 样式规则 */
/* 选择元素类名为 “class-name” 的子元素 */
.class-name > .child-class {
/* 样式规则 */
/* 选择包含类名为 “class-name” 的HTML标签 */
#tag-name .class-name {
/* 样式规则 */
在上面的示例中，`.class-name` 选择器选择所有具有类名 “class-name” 的元素，`.class-name + .parent-class` 选择所有类名为 “class-name” 且父类名为 “parent-class” 的元素，`.class-name > .child-class` 选择所有类名为 “class-name” 的子元素，`#tag-name .class-name` 选择所有包含类名 “class-name” 的HTML标签。
类选择器的优点在于，它们使CSS更加灵活和可扩展。通过使用类选择器，您可以轻松地将元素进行分类，并且您可以使用简单的类选择器来创建复杂的样式。此外，类选择器还可以用于许多其他场景，如响应式设计、移动优化和媒体查询等。