引用一个不断变化的 CSS ID

Question

我应该先说我是编辑领域的新手 CSS，所以如果这很简单，我深表歉意。我一直在编辑我在 MicroStrategy 9.4 中构建的报告，但我们最近升级到了 10.1。在升级之前，我可以查看 HTML 的行，例如

<div ty="dsec" id="K1" scriptclass="mstrDocSectionImpl" name="K1" class="mstrDocSection">

并进行少量修改。例如

<style>
    #K1{
        height:130px;
    }
</style>

只是对一个部分进行简单的高度更改。我可以将该样式更改粘贴到 HTML 容器中，这将在运行时影响报告。我相信 K1 指的是一个 ID。但是，升级后，该行已更改为

<div id="*lK3*kK1*x1*t1454966440926" k="K1" class="mstrmojo-DocSection" style="">

其中 id="..." 每次我运行都会改变。由于它发生了变化，我不知道编辑该部分的可靠方法。 k="K1" 没有改变，但我不确定如何引用它。非常感谢您对此提供的任何见解。

Answer 1

尝试使用 attribute selector:

[k="K1"] {
  height: 150px;
}

演示 JSFiddle

尽管这可能需要更多工作，但新 ID (id="") 看起来可能是部分静态的。也就是说，星号似乎是某种分隔符。如果是这样，您可以选择 select 在该 ID 字符串的一部分不变。在我下面的例子中，我假设 *lK3*kK1*x1*t1454966440926 中第二个和第三个星号之间的数据没有改变。如果是这样，您可以 select 在字符串的那部分。

[id*="kK1"] {
  font-size: 5em;
}

演示 JSFiddle

引用一个不断变化的 CSS ID

Referencing a Changing CSS ID

css

microstrategy