IE你够了！CSS选择器

keithyau 发布于2019-08-28 17:56 / 1200人阅读

摘要：但是，我们必须要把心头的痛体会清楚了解对选择器的支持，在时，根据需求来使用。额，首先，是不支持属性选择器的，但的都支持问什么是属性选择器属性选择器长这样。

做一个用CSS能随心所欲对DOM操作的前端工程师吧。但是，我们必须要把心头的痛体会清楚！了解IE对CSS选择器的支持，在psd2html时，根据需求来使用。

IE6

额，首先，IE6是不支持属性选择器的，但>=IE6的IE都支持

问：什么是属性选择器？

属性选择器长这样。

img[src^="alert"]      /*在img元素src属性里以alert开头的均满足选择条件*/
img[src$="alert"]      /*在img元素src属性里以alert结尾的均满足选择条件*/
img[src*="alert"]      /*只要src包含alert字符就满足条件*/
img[src~="us"]         /*必须src里的us前有空格才满足条件*/
img[src|="us"]         /*必须src里的us前有-才满足条件*/

其次，IE6是不支持+ ~ > 这三个选择器，还有:lang(en-us)、:first-line、:first-letter.
IE6是支持:link / :visited /:hover/ :active /:enabled/ :disabled

IE8

IE8不支持以下选择器：（以下>=IE9，均支持）:

 /*如果觉得陌生可以自己去查看文档，这里主要是总结IE对css选择器的支持情况*/
 input:not([type="submit"])
 :target
 :nth-child()
 :nth-last-child()
 :nth-of-type()
 :first-child
 :last-child
 :first-of-type
 :last-of-type
 :only-child
 :only-of-type
 :empty

非常爱的:before :after IE8是支持的！

如果你喜欢这篇文章，轻轻推荐一下

云服务器 GPU云服务器 css选择器基础选择器css css选择跳转html显示ie8css

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/110908.html

sass笔记-2|Sass基础语法之让样式表更具条理性和可读性

摘要：这个时候小明如果仅仅引入不想改，那么就是这个值，如果他想改，就可以在任何一处重新声明这个变量，那么就会变成小明的值。这一篇主要详述保持sass条理性和可读性的3个最基本方法——嵌套、导入和注释。零. 变量变量本身的作用是为了保持属性值的可维护性，把所有需要维护的属性值放在同一个地方，快速更改，处处生效，可谓售后无忧。 1.变量声明变量用$符号开头进行声明，任何可以用作CSS属性...

CloudDeveloper 2019-08-30 13:10 评论0 收藏0
CSS 选择器，一篇就够了

摘要：摘自简介选择器是规则的一部分且位于声明块前。选择器选择器由哈希磅符号组成，后面是给定元素的名称。通用选择器通用选择是最终的王牌。子选择器允许您选择一个元素，该元素是另一个元素的直接子元素。该选择器仅选择属性被赋值为的所有元素。摘自 MDN web docs 简介选择器是 CSS 规则的一部分且位于 CSS 声明块前。 showImg(https://segmentfault.com...

Songlcy 2019-08-30 14:03 评论0 收藏0
前端随笔（杂谈）

摘要：经过对前端技术的学习，感触良多，虽然之前也接触过前端的知识，但是没有进行系统的学习过，在大三上学期学过和简单的，老师也没有深度讲解，知识也没有形成体系，经过一段时间的学习，有以下感触与大家分享整个前端知识就像一座房子，而是砖，建一个网页，里经过对前端技术的学习，感触良多，虽然之前也接触过前端的知识，但是没有进行系统的学习过，在大三上学期学过h5和简单的css，老师也没有深度讲解，知识也没有形...

caohaoyu 2019-04-23 13:25 评论0 收藏0
CSS变量（自定义属性）实践指南

摘要：和这样的预处理器，让我们的代码保持良好的结构和可维护性。这是否意味着变量已经无关紧要了呢那可未必，主要是因为，变量与预处理器中的变量其实是不同的东西。而你是无法对预处理器中的变量做上面这些操作的。本文翻译自：https://www.sitepoint.com/practical-guide-css-variables-custom-properties/ 转载请注明出处：葡萄城官网，葡萄城...

番茄西红柿 2019-04-23 13:26 评论0 收藏0
CSS变量（自定义属性）实践指南

摘要：变量，或者用它的官方称谓，叫作自定义属性，已经可用，并且有非常棒的浏览器支持，而也正在取得进展。这是否意味着变量已经无关紧要了呢那可未必，主要是因为，变量与预处理器中的变量其实是不同的东西。转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 Sass和Less这样的预处理器，让我们的CSS代码保持良好的结构和可维护性。像变量、混合(mixin...

source 2019-08-29 16:33 评论0 收藏0