缩短要在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

你可以通过属性选择器实现如下:

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

6.3.2.子串匹配属性选择器

[att$=val]表示具有att属性的元素,其值以后缀"val"结尾.如果"val"是空字符串,则选择器不代表任何内容.