首先，这里是我正在努力使用的页面的URL：http://www.xn--l-guiden-44a.dk/beers/ny/
在页面上，我有一些带有强文本的p元素，我使用以下css对其进行了修改：
.beer-description strong {
display: table-cell;
text-transform:uppercase;
color:#009444;
border-bottom: 1px solid #009444;
margin-bottom:5px;
}
.beer-description:after strong {
content: "";
display: table-cell;
width: 50%;
}
我这样做是为了使文本加粗、绿色和下划线。
然而，前两个强大的元素“Bryggeri”和“流派”，我不想受到css规则的影响，因此它们只保留粗体、黑色和内联。
在不改变HTML的情况下，仅仅通过使用CSS就可以做到这一点吗？
最合适的回答,由SO网友:Robert hue 整理而成
您可以使用CSS伪n个子类来实现这一点。下面是前两个示例strong 黑色
.beer-description strong:nth-child(1), .beer-description strong:nth-child(2) {
color: #404040;
}
您可以根据需要在此中修改CSS。
