html - 缩短在 CSS 中使用的 html ID

Question

有什么方法可以像这样缩短 HTML 元素标签:

<input id=ctl00_ctl32_g_9bd32d9e_a30e_48f8_af0e_4c4b7e8ba1f5_createSuggestion>

在 CSS 中，这样我就不必引用整个内容，只需像这样使用它的 createSuggestion 部分:

input createSuggestion{
margin-left:10%;
}

例如，在生成 SQL 查询时，有时会使用“like %createSuggestion”。有任何想法吗？

Answer 1

您可以通过 attribute selector 实现如下:

input[id$="createSuggestion"] {
    margin-left: 10%;
}

6.3.2. Substring matching attribute selectors

[att$=val] Represents an element with the att attribute whose value ends with the suffix "val". If "val" is the empty string then the selector does not represent anything.