将样式应用于生成的html代码(多个没有类的div)



html代码如何将样式应用于代码中的最后一个div尝试但不起作用

.block-21 div div {}
<div id="block-21" class="utilities clearfix">
<div >
<div style="width: 100%;">
<div id="block-21" class="utilities clearfix">

u的ID块-21不是类,所以不要使用这个#block-21。

写入.block-21会将样式分配给具有class="block-21"但具有id="block-21"的任何内容。请尝试将此行更改为

#block-21 div:last-child {

试试这个:

#block-21 div:last-child { }

使用last-child伪选择器。

或者使用nth-child选择器:

#block-21 div:nth-child(2) { }

阅读更多关于CSS选择器的信息。

最新更新