如果存在不同的类，我如何有条件地将CSS应用于一个类？

在CSS中，可以使用选择器来有条件地将样式应用于不同的类。以下是几种常见的选择器：

1. 类选择器（Class Selector）：使用类选择器可以选择具有相同类名的元素，并将样式应用于它们。类选择器以点号（.）开头，后面跟着类名。例如，如果存在名为"my-class"的类，可以使用以下方式将样式应用于该类：

.my-class {
  /* 样式规则 */
}

1. ID选择器（ID Selector）：使用ID选择器可以选择具有特定ID的元素，并将样式应用于它。ID选择器以井号（#）开头，后面跟着ID名称。请注意，ID应该在页面中是唯一的。例如，如果存在ID为"my-id"的元素，可以使用以下方式将样式应用于该元素：

#my-id {
  /* 样式规则 */
}

1. 属性选择器（Attribute Selector）：使用属性选择器可以选择具有特定属性或属性值的元素，并将样式应用于它们。属性选择器使用方括号（[]）来指定属性和属性值。例如，如果存在具有"href"属性且属性值以"http"开头的链接元素，可以使用以下方式将样式应用于这些元素：

a[href^="http"] {
  /* 样式规则 */
}

1. 后代选择器（Descendant Selector）：使用后代选择器可以选择某个元素的后代元素，并将样式应用于它们。后代选择器使用空格来表示元素之间的层级关系。例如，如果存在具有类名"parent"的元素，并且其内部包含具有类名"child"的元素，可以使用以下方式将样式应用于"child"元素：

.parent .child {
  /* 样式规则 */
}

1. 子元素选择器（Child Selector）：使用子元素选择器可以选择某个元素的直接子元素，并将样式应用于它们。子元素选择器使用大于号（>）来表示元素之间的层级关系。例如，如果存在具有类名"parent"的元素，并且其直接子元素是具有类名"child"的元素，可以使用以下方式将样式应用于"child"元素：

.parent > .child {
  /* 样式规则 */
}

这些选择器可以根据需要进行组合使用，以实现更精确的选择和样式应用。