Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何将CSS应用于:最后一个子按钮_Html_Css_Css Selectors - Fatal编程技术网

Html 如何将CSS应用于:最后一个子按钮

Html 如何将CSS应用于:最后一个子按钮,html,css,css-selectors,Html,Css,Css Selectors,请看下面的图片示例,我想知道如何使一行div中的最后一个按钮具有不同的颜色。是否可以使用:最后一个孩子在DIVs中使用CSS来实现 我想让最后一个按钮变成绿色,就像我下面的设计一样: 谢谢 HTML: 办公室日常清洁 办公室、会议室、公共区域、洗手间和卫生区域 零售业清洁 公共流通区、购物中心、零售综合体等的清洁和维护 教育清洁 公共部门机构、学校和学院各方面的全面清洁 专业清洁 我们还提供专业的清洁和支持服务 您应该将:last child应用于包含此按钮(链接样式为按钮)的最后一个div

请看下面的图片示例,我想知道如何使一行div中的最后一个按钮具有不同的颜色。是否可以使用:最后一个孩子在DIVs中使用CSS来实现

我想让最后一个按钮变成绿色,就像我下面的设计一样:

谢谢

HTML:


办公室日常清洁
办公室、会议室、公共区域、洗手间和卫生区域

零售业清洁 公共流通区、购物中心、零售综合体等的清洁和维护

教育清洁 公共部门机构、学校和学院各方面的全面清洁

专业清洁 我们还提供专业的清洁和支持服务


您应该将
: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')