我是初学者,有一个问题.
目标:在所有".title-title"类下面渲染一个栏而不是第一个.
我做到了,它工作得很好,但为了学习的目的,我希望看到一个更好的/一线/专业解决方案吗？
谢谢你的建议.
#second .title-title:after,
#third .title-title:after {
content: "";
display: block;
width: 40%;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
border: 1px red solid;
}
/* Part of my own external bootstrap rip off LUL */
.py-ta-c {
text-align: center;
}
.py-mb-m {
margin-bottom: 10%;
}<div id="first" class="py-ta-c py-mb-m">
<h2 class="title-title">First</h2>
<h4 class="title-subtitle">Exclude me</h4>
</div>
<div id="second" class="py-ta-c py-mb-m">
<h2 class="title-title">Second</h2>
<h4 class="title-subtitle">Include me</h4>
</div>
<div id="third" class="py-ta-c py-mb-m">
<h2 class="title-title">Third</h2>
<h4 class="title-subtitle">Include me</h4>
</div>
<!-- AND SO …