缩短在 CSS 中使用的 html ID答案

【问题标题】：Shortening html IDs to use in CSS缩短在 CSS 中使用的 html ID
【发布时间】：2014-10-22 00:22:33
【问题描述】：

有没有办法像这样缩短 HTML 元素标签：

<input id=ctl00_ctl32_g_9bd32d9e_a30e_48f8_af0e_4c4b7e8ba1f5_createSuggestion>

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

input createSuggestion{
margin-left:10%;
}

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

【问题讨论】：

【解决方案1】：

您可以通过attribute selector 来实现，如下所示：

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

6.3.2. Substring matching attribute selectors

[att$=val] 表示具有 att 属性的元素，其值以后缀“val”结尾。如果“val”是空字符串，那么选择器不代表任何东西。

【讨论】：

【解决方案2】：

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

【讨论】：