如何从页面中删除范围编号ID元素？

Question

我正在使用Freshdesk System，我注意到它具有我不使用的列。 因此，通过Chrome上的Styler Classic扩展程序，我想隐藏或删除我不使用的列。

<div id="ember1955" class="ember-view" data-identifyelement="156">
<div data-test-id="tkt-properties-name" data-identifyelement="157">
 <div id="ember1956" class="input ember-view" data-identifyelement="158"> <label for="customFields.name_ember1956" class="label-field " data-identifyelement="159">Name</label>

    <input data-test-text-field="customFields.name" type="text" name="customFields.name" autocomplete="off" id="customFields.name_ember1956" class="ember-text-field ember-view" data-identifyelement="160">
</div>
</div>
</div>

如您所见，我们在此处的 data-test-id 字段名为 tkt-properties-name

当我尝试使用该CSS代码时：

div#tkt-properties-name {display: none; visibility: hidden;}

或

#tkt-properties-name {display: none; visibility: hidden;}

但是什么都没有改变。

此外，他们的 emberxxxx ID一直都在变化。
我尝试使用：

#ember^ {display: none; visibility: hidden;}

或属性选择器：

#[data-test-id="tkt-properties-name"] {display: none; visibility: hidden;}

但是什么都没有改变。

如何删除基于“ emberxxxx”数字范围的元素？

Answer 1

知道了

div[data-test-id^="tkt-properties-name"] {display: none; visibility: hidden;}

现在它正在工作！