HTML 元素的 class 属性值看似“多行”，实则为多个用空格分隔的独立类名；直接按含换行符的字符串查找会失败，应将其规范化为单空格分隔的标准 class 名，或使用更鲁棒的 CSS 选择器（如 .class1.class2）精准匹配。
html 元素的 class 属性值看似“多行”，实则为多个用空格分隔的独立类名；直接按含换行符的字符串查找会失败，应将其规范化为单空格分隔的标准 class 名，或使用更鲁棒的 css 选择器（如 `.class1.class2`）精准匹配。
在 HTML 中，class 属性本质上是一个以空格分隔的类名列表，浏览器和解析库（如 Selenium、BeautifulSoup）均按此规范解析。你从开发者工具复制出的如下内容：
class=" ll-sets-words__row
false "实际等价于：
class="ll-sets-words__row false"
即该元素同时拥有两个 class：ll-sets-words__row 和 false。注意：false 虽语义异常，但只要存在于 class 属性中，就是合法的类名（HTML 对类名内容无语义限制）。
❌ 错误做法：直接使用带换行/缩进的字符串作为 By.CLASS_NAME
Selenium 的 By.CLASS_NAME 仅支持单个、无空格的类名。以下写法均会报错：
立即学习“前端免费学习笔记（深入）”；
# ❌ 错误：含换行、多余空格，且试图传入多个类
class_name = """
ll-sets-words__row
false
"""
browser.find_elements(By.CLASS_NAME, class_name) # 抛出 InvalidSelectorException✅ 正确解决方案
方案 1：使用 By.CSS_SELECTOR（推荐）
CSS 选择器天然支持多类组合匹配，且可精确表达“同时具有多个 class”的语义：
# ✅ 精准匹配同时拥有两个 class 的元素 words = browser.find_elements(By.CSS_SELECTOR, ".ll-sets-words__row.false") # ✅ 或仅匹配任一 class（更宽松，但需确保唯一性） words = browser.find_elements(By.CSS_SELECTOR, ".ll-sets-words__row") # 或 words = browser.find_elements(By.CSS_SELECTOR, ".false")
⚠️ 注意：.ll-sets-words__row.false 表示「同时具有 ll-sets-words__row 和 false 两个 class」，中间无空格；而 .ll-sets-words__row .false（带空格）表示后代关系，完全错误。
方案 2：预处理 class 字符串后使用 By.CLASS_NAME（局限性大）
若坚持用 By.CLASS_NAME，只能选其中一个 class（因不支持多类）：
# ✅ 提取并清理任一有效类名（去除换行与首尾空格） clean_class = "ll-sets-words__row".strip() # 或 "false".strip() words = browser.find_elements(By.CLASS_NAME, clean_class)
但此方式无法保证“仅匹配同时具备两个 class”的元素，可能引入误匹配。
方案 3：用 XPath 精确匹配完整 class 属性（备用）
# ✅ 通过 XPath 匹配 class 属性值包含特定子串（注意空格标准化）
words = browser.find_elements(
By.XPATH,
"//*[@class='ll-sets-words__row false' or contains(@class, 'll-sets-words__row') and contains(@class, 'false')]"
)不过 XPath 易受属性顺序、额外空格影响，稳定性不如 CSS 选择器。
✅ 最佳实践总结
- 永远不要复制粘贴开发者工具中的格式化 class 值——它含不可见空白，需人工清洗；
- 优先使用 By.CSS_SELECTOR：语法简洁、语义明确、性能优异，且完美支持多类联合匹配；
- 避免依赖 By.CLASS_NAME 查找多类元素：其设计初衷就是单类查询；
- 验证 class 结构：右键检查元素 → 查看 class= 属性原始值（非渲染后的格式化文本）；
- 警惕语义可疑的 class 名（如 false）：可能是动态生成的布尔标记，建议结合其他稳定属性（如 data-*）增强定位鲁棒性。
通过将“多行 class”理解为空格分隔的多类集合，并选用 CSS 选择器精准表达逻辑关系，即可可靠、高效地定位全部目标元素。
