扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这篇文章将为大家详细讲解有关使用css怎么根据子元素书写不同样式，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。
10年积累的网站设计制作、网站设计经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站策划后付款的网站建设流程，更有和政免费网站建设让你可以放心的选择与我们合作。
核心知识点
使用css选择器完成子元素的判断
例子：
用css选择器匹配只有一个元素
div {
&:last-child:nth-child(1) {
// 相关样式
}
}很好理解：div下面即是最后一个元素也是第一个元素不就是只有一个子元素吗？
用css选择器匹配只有两个子元素
div{
&:nth-last-child(2):nth-child(2) {
}
}依样画瓢：最后第二个元素也是第二个元素不就代表，这个div下只有两个元素吗
完成样式
html部分