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"] {...}

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