CSS 选择器传递部分标签名称以查找元素

Question

我正在尝试使用以下 html 查找元素

<first-name-grid>
<div> some text .. </div>
</first-name-grid>

我想知道一种编写 CSS 定位器的方法来查找名字网格，就像我可以使用 xpath 找到一样

let firstNameXpathLocator : string = `//*[contains(name(),'first-name')]`;

Answer 1

CSS 选择器

<first-name-grid>

是

first-name-grid {...}

---

您将无法使用元素名称的片段来选择元素，但您可以使用它作为替代方案：

元素：

<first-name-grid data-element="first-name-grid">

选择器：

[data-element*="first-name"] {...}

在这种情况下，*= 表示包含。