Question

我想从几页中选择类别。

我有以下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>

但是，有时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>

或类似这样：

<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>

您会看到类别的位置发生了变化。我想创建一个CSS选择器，在Store文本之后抓取文本Category。

任何建议如何做到这一点？

Answer 1

像这样将:last-child用于.col-6的选择器：

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

或者，

这不是CSS，但您可以将JQuery :contains选择器用于解决方案。

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

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

1 个答案: