CSS选择器-按上一个元素文本选择元素

我想从几个页面中选择类别

我有以下html：

<div class="comp-top col-sm-6">
    <div class="row">
        <div class="col-6 comp-stat">Rank</div>
        <div class="col-6 comp-value">5</div>
        <div class="col-6 comp-stat">Type</div>
        <div class="col-6 comp-value">Product</div>
        <div class="col-6 comp-stat">Category</div>
        <div class="col-6 comp-value">Store</div>  
    </div>
</div>

等级
5.
类型
产品
类别
百货商店

但是，有时html看起来是这样的：

<div class="comp-top col-sm-6">
    <div class="row">
        <div class="col-6 comp-stat">Rank</div>
        <div class="col-6 comp-value">5</div>
        <div class="col-6 comp-stat">Category</div>
        <div class="col-6 comp-value">Store</div>  
    </div>
</div>

等级
5.
类别
百货商店

或者像这样：

<div class="comp-top col-sm-6">
    <div class="row">
        <div class="col-6 comp-stat">Type</div>
        <div class="col-6 comp-value">Product</div>
        <div class="col-6 comp-stat">Category</div>
        <div class="col-6 comp-value">Store</div>  
    </div>
</div>

.col-6:last-child {
  color: red
}

类型
产品
类别
百货商店

正如您所看到的，类别的位置发生了变化。我想创建一个css选择器，它在

类别

文本之后获取文本

存储

---

有什么建议吗？

使用

:last child

选择器选择

.col-6

如下：

<div class="comp-top col-sm-6">
    <div class="row">
        <div class="col-6 comp-stat">Type</div>
        <div class="col-6 comp-value">Product</div>
        <div class="col-6 comp-stat">Category</div>
        <div class="col-6 comp-value">Store</div>  
    </div>
</div>

.col-6:last-child {
  color: red
}

或者

这不是CSS，但您可以为解决方案使用JQuery

：contains

选择器

$( ".col-6:contains('Store')" ).css( "text-decoration", "underline" );

---

您想获取文本或元素吗？同样从您的示例来看，Store元素始终是最后一个元素，所以您不能使用：last child吗？我不知道您想做什么。。。只需最后一个子元素或向div Store元素添加额外的类？？尝试同级（“+”）选择器？“.comp stat+.comp value{…}”。你不能用CSS“抓取”文本，但你可以设置它的样式，那么它是哪一个呢？