如何使用CSS属性选择器来定位特定高度？

Question

所以基本上，我只想在我的网站上设置第一个特定框的样式。

我想尝试使用属性选择器来定位height（相信我，没有其他方式来设计这个，我确实尝试了所有内容。）

我尝试了以下内容（以及许多其他变体）：

.first_child[style='height: 299px;']:first-child  {
background-color: red;
}

.clear[style='height: 299px;']:first-child  {
background-color: red;
}

.first_child:first-of-type [height='299px;'] {
background-color: red;
}

虽然，我似乎无法让它发挥作用。

这是可以解决的，还是我尝试了不可能的事？

如果需要，下面是我的HTML结构的屏幕截图：

Answer 1

尝试* =而不仅仅是=，并确保完全匹配文本。那就是说，这是一个非常糟糕的主意。尝试别的东西：

#content div.columns div.clear:first-child > div.child:first-child {}

Answer 2

.clear:first-child .child:first-child {
   background-color: red;
}