Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/python/298.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用CSS/HTML/Python/SASS(但不使用JS)根据值更改表格单元格的背景颜色?不需要进行动态调整_Python_Html_Css_Sass - Fatal编程技术网

使用CSS/HTML/Python/SASS(但不使用JS)根据值更改表格单元格的背景颜色?不需要进行动态调整

使用CSS/HTML/Python/SASS(但不使用JS)根据值更改表格单元格的背景颜色?不需要进行动态调整,python,html,css,sass,Python,Html,Css,Sass,我有一个本地HTML文件和一个表。python脚本正在使用一些输入更新HTML,因此当我通过浏览器打开它时,我会看到它,当我手动(而不是自动)按refresh时,会出现新的值,我的目标是基于该值更新单元格的颜色。比如说,如果值为 <td id="cell_1">Blue</td> 但如果价值是 <td id="cell_1">Green</td> 我知道使用JS是可能的,但我更喜欢使用Python或SASS。我正在使用BeautifulSoup

我有一个本地HTML文件和一个表。python脚本正在使用一些输入更新HTML,因此当我通过浏览器打开它时,我会看到它,当我手动(而不是自动)按refresh时,会出现新的值,我的目标是基于该值更新单元格的颜色。比如说,如果值为

<td id="cell_1">Blue</td>
但如果价值是

<td id="cell_1">Green</td>

我知道使用JS是可能的,但我更喜欢使用Python或SASS。我正在使用BeautifulSoup来更新HTML,也许有一个类似于CSS的库?提前感谢

在我看来,您需要知道哪些颜色可用于背景。假设你有绿色和蓝色;他们两个都是白人:

.green_background {
    background-color: green;
}

.blue_background {
    background-color: blue;
}
然后将类的值传递给HTML元素,而不是尝试在CSS中动态更改它

<td class="green_background">Green</td>
绿色

在我看来,您需要知道哪些颜色可用于背景。假设你有绿色和蓝色;他们两个都是白人:

.green_background {
    background-color: green;
}

.blue_background {
    background-color: blue;
}
然后将类的值传递给HTML元素,而不是尝试在CSS中动态更改它

<td class="green_background">Green</td>
绿色

如果可以更改html,还可以根据值更改单元格的类别,如下所示:

<td id="cell_1" class="blue">Blue</td>

否则,我认为纯CSS是不可能的。另外,请注意,“蓝色”和“绿色”不是语义类名称,但不知道您试图实现什么,很难说出如何命名它们。例如,“成功”会更好

如果可以更改html,还可以根据值更改单元格的类别,如下所示:

<td id="cell_1" class="blue">Blue</td>

否则,我认为纯CSS是不可能的。另外,请注意,“蓝色”和“绿色”不是语义类名称,但不知道您试图实现什么,很难说出如何命名它们。例如,“成功”会更好

你能试着制作一个更大的代码段来更改id为的文件上的值吗?我不能完全理解你的推理,但它看起来像我需要的。你能试着制作一个更大的片段来更改id为的文件上的值吗?我不太明白你的推理,但它看起来像是我需要的。非常感谢你,这有点让我大吃一惊哈哈。我马上就来试试。非常感谢你,这有点让我大吃一惊哈哈。我马上就去试试。
.blue {background-color: blue; }