首页 > 解决方案 > CSS 选择器 - 如何抓取所有元素

问题描述

有人可以帮助如何使用 CSS 选择器从 DOM 中获取所有三个元素(标记为红色)吗?

使用 XPath 我已经做到了,但不幸的是使用 CSS 我有问题。提前致谢

DOM

标签: htmlcsscss-selectors

解决方案


以下将选择您的按钮,但如果您在页面上有多个表单,则可能会选择更多:

input[type="submit"] { ... }

/* Or more specifically */
input[type="submit"][class*="b-compose__"] { ... }

在您的评论中,您说:

在选择器开头使用 button[name='nosend']

这个请求有两个问题。

  1. 您不是在使用按钮,而是在使用<input type="submit" ...>,浏览器将其呈现为按钮。

  2. [name='nosend']部分只会选择中间按钮。每个按钮都有不同的名称。您可以通过执行以下操作选择所有三个:

input[name='doit'], 
input[name='nosend'], 
input[name='cancel'] { ... }

推荐阅读