用css完成根据子元素不同书写样式的方法
我们需要达到的效果: 需要什么 1张图片的, 2张图片的, 3张图片的样式各不相同。可以使用js完成子元素的判断,但是这里我使用css来完成 核心知识点 使用css选择器完成子元素的判断 例子: 用css选择器匹配只有一个元素 div { &:last-child:nth-child(1) { // 相关样式 } } 很好理解:div下面即是最后一个元素也是第一个元素不就是只有一个子元素吗? 用css选择器匹配只有两个子元素 div{ &:nth-last-child(2):nth-child(2) { } } 依样画瓢:最后第二个元素也是第二
用户评论
推荐下载
-
反射reflect根据方法名得到方法并根据不同的数据类型参数和不同的返回值类型
NULL博文链接:https://topbox163.iteye.com/blog/671073
25 2019-09-07 -
iframe子页面获取父页面元素的方法
取得iframe中元素的方法有很多,在本文为大家介绍下在iframe子页面获取父页面元素的方法,下面有个不错的示例,感兴趣的朋友可以参考下
24 2020-10-28 -
jQuery获取this当前对象子元素对象的方法
如下所示: <select id=city> 北京 上海 深圳 </select> $(function(){ $(#city).change(
22 2021-01-16 -
jQuery子窗体取得父窗体元素的方法
主要介绍了jQuery子窗体取得父窗体元素的方法,涉及jQuery窗体元素操作的相关技巧,非常具有实用价值,需要的朋友可以参考下
12 2020-10-28 -
CSS学习之一CSS样式引入方法
HTML中,我们通常使用link元素引入外部样式表,link有以下几个属性: 1、rel,代表“关系”(relation),在这里,关系(即rel值)为“stylesheet”; 2、type,总是设
26 2020-12-13 -
jQuery修改CSS伪元素属性的方法
CSS伪元素不是DOM元素,因此你无法直接选择到它们。下面与大家分享两种不错的修改方法,需要的朋友可以参考下
17 2020-10-28 -
CSS元素居中布局的简单方法
主要介绍了CSS元素居中布局的简单方法,文中介绍了内嵌元素和块元素以及行内块三种情况,需要的朋友可以参考下
17 2020-09-29 -
CSS实现HTML元素透明的方法小结
CSS3草案中定义了{opacity: | inherit;}来声明元素的透明度,这已经得到了大多数现代浏览器的支持,而IE则很早通过特定的私有属性filter来实现的,所以HTML元素的透明效果已经
12 2020-09-29 -
CSS实现定位元素居中的方法
主要介绍了CSS实现定位元素居中的方法,主要涉及到transform和margin的使用,需要的朋友可以参考下
19 2020-09-29 -
CSS按钮元素的多重特效实现方法
本篇文章将讲解CSS实现按钮元素的多种特效,包括流光、边框、滑动、文字覆盖、聚焦和水波样式。主要介绍了三种主题:确认、取消、警告,以及每个主题下的各种效果。流光效果包括流光背景和流光边框,边框效果包括
17 2023-05-28
暂无评论