首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

:之前psuedo选择器不工作ie 11

在IE 11中,伪类选择器可能不起作用的原因可能是以下几个方面:

  1. 兼容性问题:IE 11对CSS3的支持相对较弱,可能不支持某些较新的伪类选择器。可以通过查阅IE 11的兼容性文档或者使用CSS Hack来解决。
  2. 语法错误:在使用伪类选择器时,可能存在语法错误导致选择器无效。需要仔细检查选择器的书写是否正确。
  3. 元素类型不匹配:某些伪类选择器只适用于特定类型的元素,如果选择器与元素类型不匹配,选择器将不起作用。需要确保选择器适用于目标元素。
  4. 元素状态不匹配:某些伪类选择器只适用于特定状态的元素,如果选择器与元素状态不匹配,选择器将不起作用。需要确保选择器适用于目标元素的状态。
  5. CSS权重问题:可能存在其他CSS规则的权重比伪类选择器更高,导致伪类选择器被覆盖。可以通过提高伪类选择器的权重或者调整CSS规则的顺序来解决。

总结起来,解决伪类选择器在IE 11中不起作用的问题可以通过以下步骤:

  1. 检查兼容性:查阅IE 11的兼容性文档,确认是否支持所使用的伪类选择器。
  2. 检查语法:仔细检查选择器的书写是否正确,避免语法错误。
  3. 检查元素类型和状态:确认选择器适用于目标元素的类型和状态。
  4. 调整CSS权重:提高伪类选择器的权重或者调整CSS规则的顺序,确保伪类选择器生效。

腾讯云相关产品和产品介绍链接地址:

  • 腾讯云官网:https://cloud.tencent.com/
  • 云服务器(CVM):https://cloud.tencent.com/product/cvm
  • 云数据库 MySQL 版:https://cloud.tencent.com/product/cdb_mysql
  • 云原生应用引擎(TKE):https://cloud.tencent.com/product/tke
  • 云存储(COS):https://cloud.tencent.com/product/cos
  • 人工智能(AI):https://cloud.tencent.com/product/ai
  • 物联网(IoT):https://cloud.tencent.com/product/iotexplorer
  • 移动开发(移动推送、移动分析):https://cloud.tencent.com/product/mps
  • 区块链(BCS):https://cloud.tencent.com/product/bcs
  • 元宇宙(Metaverse):https://cloud.tencent.com/solution/metaverse
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

关于拖拽功能在IE11 、Firefox和Safari中兼容的问题

) 3是firefox在拖动的时候会打开一个新窗口 (firbox) 4是ie11不支持onclick属性方法 ; ie11 里元素对象的attributes的排序和其他浏览器不同, ie11 中...remove()方法work (ie) 对于原因1的解决方案 其中IE11 压根就不支持path属性,firefox和Safari还勉强通过hack的方式获取到path,获取方式如下: const...对于原因2的解决方案 IE11, firefox 都有dataTransfer.setData的问题, Safari没有可以不用管。...如果你firefox和ie11都想兼容,我们就设置好 dataTransfer.setData('Text',数据) ,就好。...解决这个问题 ,我是通过遍历attributes 找到符合我要的代替之前的写死的attributes顺序 针对ie11 remove()work的情况,可以用代码 parent.removeChild

3.3K30
  • css3 选择器

    ) 类选择器是以一独立于文档元素的方式来指定样式,使用类选择器之前需要在html元素上定义类名,换句话说需要保证类名在html标记中存在,这样才能选择类 2  其中“active,important, items”就是我们以类给li加上一个类名,以便类选择器能正常工作,从而更好的将类选择器的样式与元素相关联。...4、id选择器(#ID) ID选择器和类选择器相似,在使用ID选择器之前也需要先在html文档中加注ID名称,这样在样式选择器中才能找到相对应的元素,不同的是ID选择器是一个页面中唯一的值,我们在类使用时是在相对应的类名前加上一个...这个逗号告诉浏览器,规则中包含多个不同的选择器,如果有这个逗号,那么所表达的意就完全不同了,省去逗号就成了我们前面所说的后代选择器,这一点大家在使用中千万要小心加小心。...11):empty选择的元素里面没有任何内容。

    53310

    这30个CSS选择器,你必须熟记(上)

    在介绍之前,我们先理解下文档结构树的父子关系 在学习CSS选择器之前,我们需要弄清楚文档结构的父子关系,什么是父元素、子元素以及祖辈元素和后代元素这些概念,清楚了这些逻辑关系后,你才能更好的掌握CSS选择器...46F10E35C0753A11FC431908681025D6.png 如上图所示,相邻的两个节点(层级是连续的),他们之间是父子关系。如果两个元素之间跨越两个层级以上,它们是祖辈和后代的关系。...许多开发者可能会用这个技巧如下代码所示让元素居中,在开发测试阶段固然是好的,但是我建议这么做,因为这样做会给浏览器增加很大的负担。...#container { width: 960px; margin: auto; } 浏览器兼容性: IE6+ Firefox Chrome Safari Opera 3、.X:类选择器选择器的开头用...浏览器兼容性: IE6+ Firefox Chrome Safari Opera 4、X Y:后代选择器 后代选择器,英文名称:descendant selector,本文的开头我们学习了什么是后代元素

    61010

    BAT及各大互联网公司2014前端笔试面试题--Html,Css篇

    IE6之前CSS还不够成熟,所以IE5等之前的浏览器对CSS的支持很差, IE6将对CSS提供更好的支持,然而这时的问题就来了,因为有很多页面是基于旧的布局方式写的,而如果IE6 支持CSS则将令这些页面显示不正常...,如何在即保证破坏现有页面,又提供新的渲染机制呢?   ...IE6也是类似这样做的,它将DTD当成了这个“参数”,因为以前的页面大家都不会去写DTD,所以IE6就假定 如果写了DTD,就意味着这个页面将采用对CSS支持更好的布局,而如果没有,则采用兼容之前的布局方式...而将那些被认为“过时”或有功能缺失的浏览器下的测试工作安排在开发周期的最后阶段,并把测试对象限定为主流浏览器(如 IE、Mozilla 等)的前一个版本。   ...派生选择器(用HTML标签申明) id选择器(用DOM的ID申明) 类选择器(用一个样式类名申明) 属性选择器(用DOM的属性申明,属于CSS2,IE6不支持,不常用,不知道就算了)   除了前3种基本选择器

    90551

    前端开发面试题答案(二)

    (1)id选择器( # myid) (2)类选择器(.myclassname) (3)标签选择器(div, h1, p) (4)相邻选择器(h1 + p) (5)子选择器(ul > li) (6)后代选择器...:after 在元素之前添加内容,也可以用来做清除浮动。...border-width: 20px; border-style: solid; border-color: transparent transparent red transparent; } 11...样式系统从关键选择器开始匹配,然后左移查找规则选择器的祖先元素。 只要选择器的子树一直在工作,样式系统就会持续左移,直到和规则匹配,或者是因为匹配而放弃该规则。 ­­...- 预处理器例如:LESS、Sass、Stylus,用来预编译Sass或less,增强了css代码的复用性, 还有层级、mixin、变量、循环、函数等,具有很方便的UI组件模块化开发能力,极大的提高工作效率

    1.4K40

    年薪30万的前端面试题,你能答对几道?|附答案

    DOCTYPE声明位于位于HTML文档中的第一行,处于html 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。...在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。 7.html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?...绘画 canvas 用于媒介回放的 video 和 audio 元素 本地离线存储 localStorage 长期存储数据,浏览器关闭后数据丢失; sessionStorage 的数据在浏览器关闭后自动删除...id选择器( # myid) 类选择器(.myclassname) 标签选择器(div, h1, p) 相邻选择器(h1 + p) 子选择器(ul > li) 后代选择器(li a) 通配符选择器( *...LI DL DD DT; 不可继承的样式:border padding margin width height ; 优先级就近原则,同权重情况下样式定义最近者为准; 优先级为: image.png 11

    5.6K60

    2021前端面试高频 HTML + CSS

    工作 运气真的很重要, 运气 + 技术能力,面试过程太难了,来回跑折腾。 如今,我现在已经入职新公司一个月了,公司还可以,955,办公环境和同事也都挺 Nice。...DOCTYPE>声明位于 HTML 文档中的第一行,处于 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。 解析模式 分为 标准模式 和 兼容模式. ❞ 2....常见浏览器内核 ❝ IE 浏览器内核:IE内核。...height 只包含内容 content , 包含border 和padding IE 盒模型 : 属性 width height 包含 content border padding ❞ 2....减少图片HTTP 请求」 缺点 : 「1.文件体积比源文件大1/3,影响浏览器加载,渲染时间加长」 「2.兼容性问题,ie8 以下的版本不支持」 ❞ 11. 什么是BFC? 如何生成BFC?

    94040

    超全整理前端开发面试题——CSS篇(2016年)

    * 1.id选择器( # myid) 2.类选择器(.myclassname) 3.标签选择器(div, h1, p) 4.相邻选择器(h1 + p) 5.子选择器(ul >...li) 6.后代选择器(li a) 7.通配符选择器( * ) 8.属性选择器(a[rel = "external"]) 9.伪类选择器(a:hover, li:nth-child...:after 在元素之前添加内容,也可以用来做清除浮动。 :before 在元素之后添加内容 :enabled :disabled 控制表单控件的禁用状态。...以下例子是演示各种定义的权重值: /*权重为1*/ div{ } /*权重为10*/ .class1{ } /*权重为100*/ #id1{ } /*权重为100+1=101*/ #id1 div{ } /*权重为10+1=11...- 预处理器例如:LESS、Sass、Stylus,用来预编译Sass或less,增强了css代码的复用性,还有层级、mixin、变量、循环、函数等,具有很方便的UI组件模块化开发能力,极大的提高工作效率

    2.6K130

    知识整理之CSS篇

    任何常规选择器可以再任何位置使用伪类。伪类语法区别大小写。一些伪类的作用会互斥,另外一些伪类可以同时被同一个元素使用。并且,为了满足用户在操作DOM时产生的DOM结构改变,伪类也可以是动态的。...一个选择器只能使用一个伪元素,并且伪元素必须处于选择器语句的最后面。 简单来说,伪元素创建了一个虚拟容器,这个容器包含任何DOM元素,但是可以包含内容。另外,开发者还可以为伪元素定制样式。...important > id选择器 > class选择器 > 标签选择器 > 通配符选择器 > 浏览器默认属性 CSS在同一级别时 同一级别的选择器,后声明的会覆盖之前声明的。...示意图: image.png 解释下什么是浮动和它的工作原理? 什么是浮动? 非IE浏览器下,容器设高度且子元素浮动时,容器高度不能被内容撑开。 此时,内容会溢出到容器外面而影响布局。...工作原理 浮动元素脱离文档流,不占据空间(引起“高度塌陷”现象) 浮动元素碰到包含它的边框或者其他浮动元素的边框停留 如何清除浮动 1.

    1.6K20

    HTML和CSS

    IE6之前CSS还不够成熟,所以IE5等之前的浏览器对CSS的支持很差, IE6将对CSS提供更好的支持,然而这时的问题就来了,因为有很多页面是基于旧的布局方式写的,而如果IE6 支持CSS则将令这些页面显示不正常...IE6也是类似这样做的,它将DTD当成了这个“参数”,因为以前的页面大家都不会去写DTD,所以IE6就假定 如果写了DTD,就意味着这个页面将采用对CSS支持更好的布局,而如果没有,则采用兼容之前的布局方式...而将那些被认为“过时”或有功能缺失的浏览器下的测试工作安排在开发周期的最后阶段,并把测试对象限定为主流浏览器(如 IE、Mozilla 等)的前一个版本。...关键词分析和选择是SEO最重要的工作之一。...派生选择器(用HTML标签申明)标签选择器; id选择器(用DOM的ID申明) 类选择器(用一个样式类名申明) 属性选择器(用DOM的属性申明,属于CSS2,IE6不支持,不常用,不知道就算了) 除了前

    5.4K30

    这30个CSS选择器,你必须熟记(上)

    在介绍之前,我们先理解下文档结构树的父子关系 在学习CSS选择器之前,我们需要弄清楚文档结构的父子关系,什么是父元素、子元素以及祖辈元素和后代元素这些概念,清楚了这些逻辑关系后,你才能更好的掌握CSS选择器...许多开发者可能会用这个技巧如下代码所示让元素居中,在开发测试阶段固然是好的,但是我建议这么做,因为这样做会给浏览器增加很大的负担。...#container { width: 960px; margin: auto; } 浏览器兼容性: IE6+ Firefox Chrome Safari Opera 3、.X:类选择器选择器的开头用...浏览器兼容性: IE6+ Firefox Chrome Safari Opera 4、X Y:后代选择器 后代选择器,英文名称:descendant selector,本文的开头我们学习了什么是后代元素...浏览器兼容性: IE7+ Firefox Chrome Safari Opera 9、 X ~ Y:后续同胞选择器 后续同胞选择器使用 ~ 表示,选择一个元素后面同属一个父元素的另一个元素。

    66720

    CSS的四种基本选择器和四种高级选择器

    基本选择器: 标签选择器:针对一类标签 ID选择器:针对某一个特定的标签使用 类选择器:针对你想要的所有标签使用 通用选择器(通配符):针对所有的标签都适用(建议使用) 下面来分别讲一讲。...建议使用,IE有些版本不支持,大网站增加客户端负担。 效率不高,如果页面上的标签越多,效率越低,所以页面上不能出现这个选择器。...交集选择器可以连续交:(一般不要这么写) h3.special.zhongyao{ color:red; } 上面这种写法,是 IE7 开始兼容的,IE6 兼容。...:用符号>表示 IE7开始兼容,IE6兼容: div>p{ color:red; } div的儿子p。...: ul li.first{ color:red; } ul li.last{ color:blue; } 下一个兄弟选择器 IE7开始兼容,IE6兼容。

    8.2K10

    前端面试题-每日练习(3)

    c、表单按钮:包括提交按钮,复位按钮和一般按钮;用于将数据传送到服务器上的 CGI 脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作。...(优先级、计算特殊值) 优先级 (1)、同类型,同级别的样式后者先于前者 (2)、ID > 类样式 > 标签 > * (3)、内联>ID选择器>伪类>属性选择器>类选择器>标签选择器>通用选择器...0,0,1,0 (4)、d为标签、伪元素选择器的数量 0,0,0,1 (5)、!important 权重最高,比 inline style 还要高 11.常见浏览器兼容性问题与解决方案?...出现这个问题的原因是IE8之前的浏览器都会给标签一个最小默认的行高的高度。即使你的标签是空的,这个标签的高度还是会达到默认的行高。...(6) 浏览器兼容问题六:标签最低高度设置min-height兼容 问题症状:因为min-height本身就是一个兼容的CSS属性,所以设置min-height时不能很好的被各个浏览器兼容

    15020
    领券