css3选择器及兼容，简述css3选择器有哪些

现在主流浏览器最新版本对CSS3的支持都非常差+对不对?

一般学校现在教的还是CSS2，CSS3因为IE9以下的浏览器不支持，所以国内没普及。

现在流行浏览器的最新版本都支持CSS3了，因为不支持就意味着被淘汰。例如IE， Chrome， FireFox， Safari， Opera这5大浏览器，IE9以后也开始追赶，IE10以后支持情况已经很好了。支持最好的应该是Chrome和FireFox了。

不在清单上的元素都将被视为未知元素。浏览器不会给未知元素设定任何样式（不同浏览器对元素会有不同的默认样式）。在IE9之前的版本中，也不能对未知元素设定样式。

相关问答

Q1: css3中-moz、-ms、-webkit各什么意思

-moz-， -webkit-， -o-这些都是浏览器前缀。

代表是各浏览器内核的兼容写法。有时候有些css样式需要考虑不同内核浏览器的兼容性和显示效果，会在样式前面加个前缀。

以楼主贴出的代码为例，前缀-webkit表示这适用于webkit内核的浏览器，-moz是火狐，-ms的是IE的，最后一段是原型代码。这4段其实是对4种浏览器的兼容，后面turn就是这个动画里面关键帧的名字(animation-name)。

Q2: 求有什么方法可以让ie8兼容css3的nth-child,:after这种伪类选择题

1、.example：after， .example after {} 一个有冒号，一个是空格分隔。前者IE8+及其他现代浏览器；后者为IE6-7准备的。

2、前面的文章中我们介绍过CSS中非常有用的一个标签伪类 ：nth-child(n)，这个伪类在我们的网页中的一些特效中会用到，比如：表格的隔行变色、导航菜单的分隔符等。这些都可以让我们的网页不再单调而与众不同。

3、或者加入：after（伪对象），设置在对象后发生的内容，通常和content配合使用，IE不支持此伪对象，非Ie 浏览器支持，所以并不影响到IE/WIN浏览器。

Q3: css3如何利用选择器在页面中插入所需内容(附代码)

）使用nth-child（an+b），a表示每次循环中，包括几种样式，b表示指定的样式在循环中所处的位置。only-child选择器，在元素只有一个子元素时，可以代替使用 nth-child(1)/nth-last-child(1) 。

before选择器将在段落之前插入content属性中的文字内容，所以段落将显示为”sysuzhyupengisaboy”。 CSS层叠 CSS层叠指的是在CSS继承的基础上，出现冲突的解决方案。层叠的规则涉及权重的计算，这里不详细展开。

首先打开DreamweaverCC2018软件新建一个html文件，在右上角点击CSS设计器，并在下方点击加号，然后选择创建新的CSS文件：在创建窗口中，点击浏览按钮。

before 选择器在被选元素的内容前面插入内容。content属性用来规定插入的内容，\e63d一般是字符图标，用来显示一个图标。p：before{ content：台词：；}我是唐老鸭。正常的这个应该显示为“我是唐老鸭。

代码如下：li：nth-child(3n){ background：#ff0000；} CSS即层叠样式表(Cascading StyleSheet)。 在网页制作时采用层叠样式表技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。

css3选择器及兼容的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于简述css3选择器有哪些、css3选择器及兼容的信息别忘了在本站进行查找喔。