我有一个父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;
 }