缩短要在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]表示具有att属性值的元素   以后缀＆＃34; val＆＃34;结尾。如果＆＃34; val＆＃34;是空字符串然后是   选择器不代表任何东西。

Answer 2

在服务器端控件中添加ClientIdMode="Static"以完全防止这种情况。