我有一个父div类'选项'。在这个父div中,我还有3个带有类“text”的div。
我的目标是以不同的方式操作3个子div(class ='text')。例如,第一个One</>必须具有12 px的font-size,第二个示例必须具有21 px的font-size,等等。
这是我的HTML代码看起来像:
<div className='options'>
<div className='text'>One</div>
<div className='text'>Two</div>
<div className='text'>Three</div>
</div>
这就是我当前的CSS代码的样子-它不工作。
.options > .text:first-child {
font-size: 12px !important;
}
.options > .text:nth-child(2) {
font-size: 21px !important;
}
.options > .text:nth-child(3) {
font-size: 26px !important;
}
1条答案
按热度按时间nwnhqdif1#
不使用'>'选择器,你可以只使用空格
下面是修改后的css代码