Html 如何将CSS应用于:最后一个子按钮
请看下面的图片示例,我想知道如何使一行div中的最后一个按钮具有不同的颜色。是否可以使用:最后一个孩子在DIVs中使用CSS来实现 我想让最后一个按钮变成绿色,就像我下面的设计一样: 谢谢 HTML:Html 如何将CSS应用于:最后一个子按钮,html,css,css-selectors,Html,Css,Css Selectors,请看下面的图片示例,我想知道如何使一行div中的最后一个按钮具有不同的颜色。是否可以使用:最后一个孩子在DIVs中使用CSS来实现 我想让最后一个按钮变成绿色,就像我下面的设计一样: 谢谢 HTML: 办公室日常清洁 办公室、会议室、公共区域、洗手间和卫生区域 零售业清洁 公共流通区、购物中心、零售综合体等的清洁和维护 教育清洁 公共部门机构、学校和学院各方面的全面清洁 专业清洁 我们还提供专业的清洁和支持服务 您应该将:last child应用于包含此按钮(链接样式为按钮)的最后一个div
办公室日常清洁
办公室、会议室、公共区域、洗手间和卫生区域
零售业清洁
公共流通区、购物中心、零售综合体等的清洁和维护
教育清洁
公共部门机构、学校和学院各方面的全面清洁
专业清洁
我们还提供专业的清洁和支持服务
您应该将:last child
应用于包含此按钮(链接样式为按钮)的最后一个div:
.span3:last child.btn{}
使用:last child
执行此操作:
.services .span3:last-child .btn {
background : green;
}
使用相邻同级选择器:
.services .icon_special + p + .btn {
background: green;
}
或者,也可以使用一些jQuery:
$('.span3').last().addClass('green')
这将满足您的需要,只需确保将其范围扩展到.services,这样您就不会与使用.span3的其他部分产生任何冲突。
.services .icon_special + p + .btn {
background: green;
}
$('.span3').last().addClass('green')