选择前面有相同属性的所有元素的最后一个子元素

Question

我想知道是否有一种方法可以使用CSS选择最后一个元素chid，它前面有所有具有相同属性的元素。

示例：

<div>
<div data-myattr></div>
<div data-myattr></div>
<div data-myattr></div>
<div></div>  <!-- I want to select and style this element -->
</div>
<div>
<div data-myattr></div>
<div></div>
<div data-myattr></div>
<div></div>  <!-- I don't want to select and style this element -->
</div>

div的数量是可变的

我想不会，但我更愿意问。

提前感谢

Answer 1

div[data-myattr] + div[data-myattr] + div[data-myattr] + div { color:blue }

<div>
<div data-myattr>1</div>
<div data-myattr>2</div>
<div data-myattr>3</div>
<div>4</div>  <!-- will be blue -->
</div>
<div>
<div data-myattr>1</div>
<div>2</div>
<div data-myattr>3</div>
<div>4</div>  <!-- will not be blue -->
</div>