html - 使用 Shell 脚本更改 CSS 值 - Unix

Question

是否可以通过 unix 中的 sh 脚本更改 CSS 中的元素值？如果是这样，这将如何完成？

目标：我有一个带有多个 div 框的 html 站点，这些 div 框根据警报状态着色，例如……红色、黄色、绿色。

我有一个 HTML 站点的自动刷新，所以我想做的就是能够在我当前的 sh 脚本中添加一行，以根据结果更改 css 以显示令人震惊的状态。

我正在考虑按照下面的方式使用“sed”，但它需要特定于元素，而不仅仅是将所有红色改为蓝色。

cat test.css | sed -e 's/RED/BLUE/' > test.css

score 0 · Accepted Answer

给你的元素一个 id 并在 CSS 中为那个 id 添加一行。然后，使用 sed 更改该行。

在 HTML 中说元素看起来像

<element id="box123" ... / >

在 CSS 中，这会得到它的颜色：

#box123 { color: #000000; }

然后您通过使用 sed 更改 CSS 来更改颜色：

$ sed -i 's/^#box123 { color: #000000; }/^#box123 { color: #0000ff; }/g' cssfile

或更短但使用高级 sed 方法：

$ sed -i 's/^#box123\(.*\)#000000/^#box123\1#0000ff/g' cssfile

1 回答 1