基于 Markdown 粗体强调改变 tr 的 CSS 样式答案

【问题标题】：Change CSS style of tr based on Markdown bold emphasis基于 Markdown 粗体强调改变 tr 的 CSS 样式
【发布时间】：2021-01-03 20:02:51
【问题描述】：

我目前正在用 Markdown 写我的第一篇博客，并尝试用 CSS 设置表格的样式。我的降价文件中的表格是：

| | Experiment 1 | Experiment 2 |
|-| ------- | ------- |
|**Ingredients**|**696g**|**696g**|
|White Flour|274g|274g|
|Brown Flour|134g|134g|
|Water|250g|300g|
|Sugar|13g|13g|
|Olive Oil|17g|17g|
|Salt|8g|8g|
|**Flour Type Distribution**|**408g**|**408g**|
|White Flour|67%|67%|
|Brown Flour|33%|33%|
|**Hydration Rate**|**61%**|**73%**|
|**Oven Specs**|||

使用this css 文件格式化，输出this table。但是，我真正想做的只是更改标记中td 设置为粗体的行的background-color CSS 属性（由** 包围）。

例如上表中，我要更改background-color的行是：

|**Ingredients**|**696g**|**696g**|
|**Flour Type Distribution**|**408g**|**408g**|
|**Hydration Rate**|**61%**|**73%**|
|**Oven Specs**|||

这可能吗？或者我可以使用任何其他解决方法来实现相同的效果吗？

【问题讨论】：

标签： css markdown

【解决方案1】：

如果它是一个属性，你可以选择它们的内容并在 css 上进行编辑（比如说它是一个值而不是一个 innerHTML 内容）：

td[value^="**"]{background-color: red}

“^”表示该值应以this开头

文档链接：https://www.w3schools.com/cssref/sel_attribute_value.asp

据我所知，没有唯一的 CSS 解决方案。你可以尝试使用javascript。如果您想在 Javascript 上实现它，请告诉我。我会帮忙的。

【讨论】：