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

В этом случае *= означает СОДЕРЖИТ.