解决ie8 css :nth-child(3n) 不兼容问题
来源:互联网 发布:数学建模优化方法模型 编辑:程序博客网 时间:2024/05/21 01:53
个人是用jquery 做的
在css中 一般这样写
.css li:nth-child(3n){
width:300px;
方法一:使用 + 来硬干nth-child()
遇到IE7、IE8的时候可以这样写:
.css >li+li+li{
width:300px;
}
或是这样
.css >first-child + li + li{
width:300px;
}
方法二:使用JQuery解决IE8不支持CSS3的nth-child()问题jQuery :nth-child() 选择器的使用方法和 CSS3 的:nth-child()没什么两样,兼容性不必担心。
:nth-child(odd)用于匹配奇数子元素
:nth-child(even)用于匹配偶数子元素
:nth-child(n)用于匹配第n个元素
:nth-child(an)用于匹配倍数为a的元素,如3n、5n…
可以是一个公式,如:nth-child(3n+1)匹配第1、第4、第7…个元素
:nth-child(-n+3)匹配前3个元素
:nth-child(-3n+8)匹配第8、第5、第2个元素
1 0
- 解决ie8 css :nth-child(3n) 不兼容问题
- nth-child(n)的IE8兼容问题
- 解决IE8不兼容问题
- 解决IE8不兼容问题
- 解决nth-child(n)属性在IE8浏览器中兼容性问题
- 解决IE8下CSS3选择器 :nth-child() 不兼容的问题
- css nth-child(n)和nth-of-type(n)区别
- css中的first-child nth-child nth-last-child() 和:nth-of-type(n)
- css学习选择器之:nth-child(n)
- CSS关于选择器 :nth-child(n)
- jplayer,解决ie8不兼容问题
- nth-child()IE兼容问题
- css3:nth-child(n):
- 解决IE6、IE7、IE8样式不兼容问题
- 解决IE6、IE7、IE8样式不兼容问题
- 解决IE6、IE7、IE8样式不兼容问题
- 解决IE6、IE7、IE8样式不兼容问题
- 解决IE6、IE7、IE8样式不兼容问题
- 过河问题
- Windows下的Objective-C集成开发环境(IDE)
- 通过xcode生成ipa安装包
- angularjs的$on、$emit、$broadcast
- java.sql.SQLException: Access denied for user 'root'@'localhost' (using password: YES)
- 解决ie8 css :nth-child(3n) 不兼容问题
- 详解 Android 通信
- Unique Binary Search Trees
- EditPlus的编码自动完成功能及配置文件下载
- Jackson框架的JsonGenerator、ObjectMapper - Json-lib框架的JsonObject、JsonArray
- shell 学习心得之awk篇
- 三叉哈夫曼树的分析
- properties文件简单读取
- 七月你好