html – 无法更改样式：nth-​​of-type(n)

概述我有一个伪类的问题：nth-​​of-type(n). 我需要更改.aside_box_content 1,2,3,4的背景颜色…… 当div没有嵌套在其他div中时我尝试使用伪类,并且它有效,因此在某处出现错误. .aside_box_content { height: 130px; overflow: hidden;}.aside_box_content:nth-of-type(3 我有一个伪类的问题：nth-​​of-type(n).

我需要更改.asIDe_Box_content 1,2,3,4的背景颜色……

当div没有嵌套在其他div中时我尝试使用伪类,并且它有效,因此在某处出现错误.

.asIDe_Box_content {  height: 130px;  overflow: hIDden;}.asIDe_Box_content:nth-of-type(3) {  background-color: purple;}

<asIDe>  <div ID="asIDe_caption">INFO</div>  <!-- NEW Box -->  <div >    <div >    </div>    <div >YOUTUBE</div>  </div>  <!-- NEW Box -->  <div >    <div >    </div>    <div >TWITTER</div>  </div>  <!-- NEW Box -->  <div >    <div >    </div>    <div >FACEBOOK</div>  </div>  <!-- NEW Box -->  <div >    <div >    </div>    <div >CALENDAR</div>  </div>  <!-- NEW Box -->  <div >    <div >    </div>    <div >TIME</div>  </div></asIDe>

解决方法 您可以使用：nth-​​child而不是：nth-​​of-type

.asIDe_Box_content {     height: 130px;     overflow: hIDden; } .asIDe_Box:nth-child(3) .asIDe_Box_content {     background-color: purple; }

<asIDe>    <div ID="asIDe_caption">INFO</div>    <!-- NEW Box -->    <div >        <div ></div>        <div >YOUTUBE</div>    </div>    <!-- NEW Box -->    <div >        <div ></div>        <div >TWITTER</div>    </div>    <!-- NEW Box -->    <div >        <div ></div>        <div >FACEBOOK</div>    </div>    <!-- NEW Box -->    <div >        <div ></div>        <div >CALENDAR</div>    </div>    <!-- NEW Box -->    <div >        <div ></div>        <div >TIME</div>    </div></asIDe>

总结

以上是内存溢出为你收集整理的html – 无法更改样式：nth-​​of-type(n)全部内容，希望文章能够帮你解决html – 无法更改样式：nth-​​of-type(n)所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。