我有一個類為“options”的父div。 在這個父div中，我還有3個包含類“text”的div。

我的目標是以不同的方式操縱3個子div(class = ' text ')。比如第一個& lt/& gt；字體大小必須為12px，第二個實例的字體大小必須為21px，依此類推。

我的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;
 }

不要用“>”選擇器你可以只使用空格

下面是修改后的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;
  }