CSS 选择器：如何提取具有多个 class 属性值的 div 标签

CSS 选择器：如何提取具有多个 class 属性值的 div 标签

当一个 div 标签拥有多个 class 属性值时，可以使用 CSS 选择器来提取并应用样式。

以下是两种常用的方法：

1. 使用属性选择器提取具有多个 class 属性值的 div 标签：

div[class='r1 r2 r3'] {
  /* CSS样式 */
}

2. 使用类选择器提取具有多个 class 属性值的 div 标签：

div.r1.r2.r3 {
  /* CSS样式 */
}

这两种写法都可以选择具有 'r1'、'r2' 和 'r3' 三个 class 属性值的 div 标签，并对其应用相应的 CSS 样式。

选择哪种方法？

• 属性选择器适用于需要精确匹配所有 class 属性值的场景，例如只选择拥有 'r1'、'r2' 和 'r3' 这三个 class 属性值的 div 标签，其他情况则不会匹配。
• 类选择器更灵活，它会匹配所有同时拥有 'r1'、'r2' 和 'r3' 这三个 class 属性值的 div 标签，即使标签中还拥有其他 class 属性值。

根据实际需求选择合适的方法，以确保正确提取目标元素并应用样式。