如何使用CSS定位仅包含空格的元素？

Question

我有一张桌子，有一些带有以下代码的列：

<td class="t-Report-cell" align="right" headers="KORTING_PERC">&nbsp;</td>

我希望能够定位标头为“ KORTING_PERC”且仅包含html变体的TD。

我尝试了以下操作：

td[headers="KORTING_PERC"]:contains(" ")
td[headers="KORTING_PERC"]:contains(" ")
td[headers="KORTING_PERC"]:not(:empty)

在红色背景下使用以下内容：

[headers="KORTING_PERC"]:not(:contains(" ")){
  background: red;
}

结果：

Answer 1

尝试

$('td[headers="KORTING_PERC"]').each(function(){
   if($(this).text() == ' ' || $(this).text() == ''){
      $(this).css('background','red');
   }
});

Answer 2

"Book": {
    "type": "object",
    "required": [
        "title",
        "author"
    ],
    "properties": {
        "title": {
            "type": "string"
        },
        "author": {
            "type": "string"
        }
        "reviews": {
            "type": "array",
            "items": {
                "$ref": "#/defeitions/review"
            }
        }
    },
    "title": "Money"
}

div[headers='KORTING_PERC'][data-value='23'] {
   background-color: red;
}

您无法使用CSS通过 <div class="t-Report-cell" align="right" data-value="23" headers="KORTING_PERC">23</div> <div class="t-Report-cell" align="right" data-value="" headers="KORTING_PERC">23</div>进行选择，不能使用jQuery通过文本进行选择，也不能向包含该元素值的html标签添加另一个属性，并在CSS中通过该属性进行选择。

Answer 3

曾经有一个：blank的草稿，但是它并没有进入浏览器的实现。

https://css-tricks.com/almanac/selectors/b/blank/