我知道如果它们使用相同的类或者它们是相同的元素，我可以定位最后一个元素。但我构建的方式是用户将在其中放入任何元素（请参阅随附的示例）。只是想知道现在还可以通过CSS调用吗？或者说 CSS 无法做到这一点？
.header p:last-of-type{
color: red;
}<div class="header">
<h1>I am numbe one</h1>
<h3>number two</h3>
<p>something</p>
<p>something</p>
<button>last one - red</button>
</div>
<div class="header">
<h1>I am numbe one</h1>
<h3>number two</h3>
<p>last one - red</p>
</div>
<div class="header">
<p>number 1</p>
<h1>something</h1>
<h3>last one - red</h3>
</div>缩略图 x 4，一栏可以填写 3 个缩略图，第 4 个进入下方并填写其余空间（不添加新类）。
.tile {
max-width: 350px;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(95px, 1fr));
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.thumbnail {
padding: 20px;
height: auto;
background-color: #ff0099;
color: #fff;
}<div class="item tile">
<div class="thumbnail">Grid - Thumbnail #1</div>
<div class="thumbnail">Grid - Thumbnail #2</div>
<div class="thumbnail">Grid - Thumbnail #3</div>
<div class="thumbnail">Grid - Thumbnail #4</div>
</div>