开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

哪些浏览器支持CSS #parent> .direct-child表示法？(没有jQuery)

CSS #parent> .direct-child表示法是CSS选择器中的一种，用于选择父元素的直接子元素。它的语法是通过父元素的id选择器加上大于号(>)再加上子元素的class选择器。

以下是一些支持CSS #parent> .direct-child表示法的浏览器：

Google Chrome：从版本1开始支持该选择器。推荐的腾讯云相关产品：腾讯云轻量应用服务器产品介绍链接地址：https://cloud.tencent.com/product/lighthouse
Mozilla Firefox：从版本1.0开始支持该选择器。推荐的腾讯云相关产品：腾讯云云服务器产品介绍链接地址：https://cloud.tencent.com/product/cvm
Apple Safari：从版本1开始支持该选择器。推荐的腾讯云相关产品：腾讯云弹性Web托管产品介绍链接地址：https://cloud.tencent.com/product/eweb
Microsoft Edge：从版本12开始支持该选择器。推荐的腾讯云相关产品：腾讯云容器服务产品介绍链接地址：https://cloud.tencent.com/product/ccs
Opera：从版本4开始支持该选择器。推荐的腾讯云相关产品：腾讯云云函数产品介绍链接地址：https://cloud.tencent.com/product/scf

请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求进行评估。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

jQuery EasyUI Datagrid 加载慢解决方法

慢在哪些方面以目前对Datagrid的了解程度去看待性能问题，主要有以下几点：加载大数据量时比较慢(不考虑服务端返回数据的时间)，这点尤其体现在IE浏览器里面；大数据量时，加载后，操作很不流畅，勾选慢...其它版本也是这句代码 $(_1e0).html(_1e4.join("")); 改为： $(_1e0)[0].innerHTML = _1e4.join(""); 注意：innerHTML虽然符合w3c标准，而且各个浏览器也都支持...().parent().parent(); } 我用自己的服务大概测试了修改前后的效率(jQuery版本1.8.0，EasyUI版本1.3.3,singleSelect为false,2000条数据勾选一条记录的测试情况...测试过程中发现，如果使用jQuery2.0的话，IE9下的执行时间将达到45000ms，几乎让人奔溃，看来尽管IE9勉强支持jQuery2.x，但是效率很挫。...优化方案二：实时记录优化法既然慢在DOM结构巨大时，jQuery选择器的搜索效率不是很好(特别是在IE下)。如果我们每次操作都记录下勾选的tr，那么就完全可以绕开选择器。

2.2K2 0

浏览器兼容

老的浏览器还没有这个功能，当然显示有误不同浏览器，不同标准，不同效果。比如不同浏览器的内核都不一样三、用到的网站 1、caniuse.com 查CSS属性兼容情况 ? ?...让哪些浏览器支持哪些效果 3、如何做（1）根据兼容需求选择技术框架/库(jquery) （2）根据兼容需求选择兼容工具(html5shiv.js、respond.js、css reset、normalize.css...（2）CSS hack表现形式 hack（黑客）利用不同浏览器的bug，来实现浏览器的兼容问题 CSS Hack大致有3种表现形式，CSS属性前缀法、选择器前缀法以及IE条件注释法（即HTML头部引用if...而Modernizr方法不关心浏览器，帮助探测浏览器是否支持某种新特性，也就是说Modernizr只关心有没有对应的css特性。...运行的时候它会在html元素上添加一批CSS的class名称，这些class名称标记当前浏览器支持哪些特性和不支持哪些特性详情见文档：Modernizr介绍文章 ?

1.9K5 2

jQuery笔记(1) (多图)

学习jQuery本质: 就是学习调用这些函数(方法) 优点轻量级.核心文件才几十kb,不会影响页面加载速度跨浏览器兼容,基本兼容了现在主流的浏览器 链式编程,隐式迭代对事件,样式,动画支持,大大简化了...DOM操作支持插件扩展开发,有着丰富的第三方插件,例如:树形菜单,日期控件,轮播图等....因为原生JS比jQuery大,原生的一些属性和方法jQuery没有给我们封装,想要使用这些属性和方法需要把jQuery对象转换成DOM对象才能使用....常用API 目标: (感觉好累) jQuery选择器 $('选择器') 里面选择器直接写CSS选择器即可,但是要加引号 jQuery设置属性 $('div').css('属性','值')...筛选选择器 :first :even 注意这个和CSS的是不一样的,jQuery的是建立在索引号的基础上的偶数 :eq(index) jQuery筛选方法(重要) parent

9K1 0

滥用jQuery进行CSS驱动的定时攻击

发布的原始技术的另一个限制是，您需要网站对散列进行URL解码，因为大多数现代浏览器现在对其进行URL编码 - 但我找到了解决此问题的方法。...我发现了一些在事件中使用location.hash了jQuery $函数的bug赏金网站hashchange，但发现的大多数网站并没有真正有趣的数据需要窃取。...但是有一个例外，Red Hat在hashchange事件中使用jQuery选择器并具有帐户功能。查看该网站，它没有任何输入来窃取数据，但它确实在登录时显示您的全名。...所以我想出的唯一方法是连续寻找6个回溯。.../blog/abusing-jquery-for-css-powered-timing-attacks

1.1K3 0

看不完的那种！前端170面试题+答案学习整理（良心制作）

，使用二分法一半一半地删除引用的JavaScript,css代码，看这些JavaScript或css代码是否对地图api造成了影响，把问题锁定在zui.css中，然后，在elements里核对地图div..._parent 在父框架集中打开被链接文档。 _top 在整个窗口中打开被链接文档。 framename 在指定的框架中打开被链接文档。 82.CSS3新增伪类有哪些并简要描述 ?...使用辅助技术的用户更容易理解输入哪些数据利用label"模拟"button来解决不同浏览器原生button样式不同的问题结合checkbox、radio表单元素实现纯CSS状态切换，这样的实例就太多了...image 【CSS】属性content有什么作用呢？有哪些场景可以用到？...504 (网关超时) 服务器作为网关或代理，但是没有及时从上游服务器收到请求。 505 (HTTP 版本不受支持) 服务器不支持请求中所用的 HTTP 协议版本。 96.为什么HTML5只需要写<!

11.5K5 0

求职 | 史上最全的web前端面试题汇总及答案2

此属性的参数值是数字，表示单元格间隙所占的像素点数。 4、CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？ CSS3新增伪类有哪些？...HTML5新标签，浏览器支持新标签后，还需要添加标签默认的样式。...null是一个表示"无"的对象，转为数值时为0；undefined是一个表示"无"的原始值，转为数值时为NaN。 undefined：（1）变量被声明了，但没有赋值时，就等于undefined。...11、你知道jQuery插件吗？你了解jQuery执行原理和插件机制吗？你都用过哪些jQuery插件？ ①知道jQuery插件。 ②其原理是扩展jQuery本身及其核心函数的原型实现。...渐进增强：从被所有浏览器支持的基本功能开始，逐步地添加那些只有新式浏览器才支持的功能,向页面增加无害于基础浏览器的额外样式和功能的。当浏览器支持时，它们会自动地呈现出来并发挥作用。

6.1K2 0

【CSS进阶】原生JS getComputedStyle等方法解析

可能平时框架使用习惯了，以 jQuery 为例，使用 .css() 接口就能便捷的满足我们的要求。...// IE 下语法： // IE 下将 CSS 命名转换为驼峰表示法 // font-size --> fontSize // 利用正则处理一下就可以了 function camelize(attr)...getStyle(elem, style) 对于 CSS 的 set ，对于支持 window.getComputedStyle 的浏览器而言十分简单，只需要直接调用。...（ECMAScript保留字有哪些？戳这里）所以在各浏览器中都会有代替的写法，比如说在标准浏览器中为 cssFloat，而在 IE678 中为 styleFloat 。...获取样式的驼峰表示法上文已经提及了，在IE下使用 currentStyle 要获得属性名的话必须采用驼峰式的写法。 OK，需要 HACK 的点已经提完了。

1.5K5 0

jQuery源码解析之position()

position() 作用：返回被选元素相对于父元素（parent）的偏移坐标使用：直接调用$().position()即可，该方法没有 arguments（参数对象） <script...elements are offset from the viewport, which itself always has zero offset // position:fixed的元素，是相对于浏览器窗口进行定位的...( element, "borderTopWidth", true )的 true 表示返回数字，而不带单位 px parentOffset.top += jQuery.css( offsetParent...", true ) }; 由于position:fixed的元素，是相对于浏览器窗口进行定位的，所以它的偏移就是getBoundingClientRect()，即获取某个元素相对于视窗的位置...( elem, "marginTop", true ) - jQuery.css( elem, "marginLeft", true ) （2）jQuery.css( elem, "width", true

6051 0

最全面、最详细web前端面试题及答案总结

CSS基础 CSS选择器的优先级是怎样的？✨ link和@import的区别？有哪些⽅式（CSS）可以隐藏⻚⾯元素？ em\px\rem区别？块级元素⽔平居中的⽅法？...是在css2.1提出来的，低版本的浏览器不支持是否支持js改变样式：link支持使用javascript控制去改变样式，而@import不支持权重级别：link方式的样式的权重高于@import的权重...有两种主流的性能测试⽅法你是怎么选的？你是根据哪些指标进⾏针对性优化的？除了你说的这些优化⽅法还有没有想过通过xx来解决？你的这个优化⽅法在实际操作中碰到过什么问题吗？有没有进⼀步做过测试？...一、HTML和CSS 1、你做的页面在哪些浏览器测试过？这些浏览器的内核分别是什么?...在IE6之前CSS还不够成熟，所以IE5等之前的浏览器对CSS的支持很差， IE6将对CSS提供更好的支持，然而这时的问题就来了，因为有很多页面是基于旧的布局方式写的，而如果IE6 支持CSS则将令这些页面显示不正常

8.1K2 0

前端开发面试题

最开始渲染引擎和JS引擎并没有区分的很明确，后来JS引擎越来越独立，内核就倾向于只指渲染引擎。常见的浏览器内核有哪些？...Zoom属是IE浏览器的专有属性，火狐和老版本的webkit核心的浏览器都不支持这个属性。然而，zoom现在已经被逐步标准化，出现在 CSS 3.0 规范草案中。...SASS (SASS、LESS没有本质区别，只因为团队前端都是用的SASS) CSS优化、提高性能的方法有哪些？关键选择器（key selector）。...不过浏览器需要同时支持旧的已经存在的伪元素写法，比如:first-line、:first-letter、:before、:after等，而新的在CSS3中引入的伪元素则不允许再支持旧的单冒号的写法。...null 表示一个对象是“没有值”的值，也就是值为“空”； undefined 表示一个变量声明了没有初始化(赋值)； undefined不是一个有效的JSON，而null是；

5.1K5 2

jQuery基础

jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 Ajax操作支持。...jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。...如果不考虑兼容低版本的浏览器可以使用2.x，最终版本：2.2.4 (2016年5月20日) 3.x：不兼容IE678，只支持最新的浏览器。需要注意的是很多老的jQuery插件不支持3.x版。...值得庆幸的是使用这些浏览器的人也逐步减少，PC端用户已经逐步被移动端用户所取代，如果没有特殊要求的话，一般都会选择放弃对678的支持。...hasClass();// 判断样式存不存在 toggleClass();// 切换CSS类名，如果有就移除，如果没有就添加。

2K12 0

《众妙之门：JavaScript 与 jQuery 技术精粹》部分要点摘录

|| {}; 方式三 if( typeof MyNamespace == 'undefined'){ var MyNamespace = {}; } JavaScript 部件的七部测试法...NaN === NaN > false //NaN 不等于任何值 new Array() == false > true //空数组 == false JavaScript 七宗罪根源：特定于浏览器的代码...的几个易混淆概念 parent()、parents()、closest() parent() 用于匹配元素的直接父元素。...position() 与 offset() position() 计算相对于偏移父元素（即含有position:relative 的元素的最近父元素，如果没有，相对于文档） offset() 则总是计算相对于文档的位置...css('width')与css('height')、width()与height() 前者返回字符型维度，以px 为单位；后者返回整数型维度。

7537 0

前端学习资料整理

最开始渲染引擎和JS引擎并没有区分的很明确，后来JS引擎越来越独立，内核就倾向于只指渲染引擎。常见的浏览器内核有哪些？...CSS选择符有哪些？哪些属性可以继承？...CSS3有哪些新特性？...使用 CSS 预处理器吗？喜欢那个？ SASS (SASS、LESS没有本质区别，只因为团队前端都是用的SASS) CSS优化、提高性能的方法有哪些？...typeof undefined //"undefined" undefined :是一个表示"无"的原始值或者说表示"缺少值"，就是此处应该有一个值，但是还没有定义。

3.5K2 0

「资深前端工程师总结」前端面试知识点大全——html篇

IE会先加载整个HTML文档的DOM，然后再去导入外部的CSS文件，因此，在页面DOM加载完成到CSS导入完成中间会有一段时间页面上的内容是没有样式的，这段时间的长短跟网速，电脑速度都有关系。...最开始渲染引擎和JS引擎并没有区分的很明确，后来JS引擎越来越独立，内核就倾向于只指渲染引擎。常见的浏览器内核有哪些？...浏览器支持新标签后，还需要添加标签默认的样式； 2）使用是html5shim框架 <!...1）用正确的标签做正确的事情； 2）html语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析； 3）即使在没有样式css情况下也以一种文档格式显示，并且是容易阅读的； 4）搜索引擎的爬虫也依赖于...b、完善性：许多特性各浏览器的支持程度也不一样。

1.9K3 1

01-老马jQuery教程-jQuery入口函数及选择器

下载地址：http://code.jquery.com/jquery-2.1.4.min.js 3.x：不兼容ie678，只支持最新的浏览器。...的选择器 3.1 dom选择的痛点 ie8以下的浏览器不支持标准DOM的querySelector方法。...强大的CSS选择器没有用武之地。...ie8以下的浏览器仅仅支持以下搜索的方法： document.getElementById(id) document.getElementsByTagName(tag) document.getElementsByName...jQuery的1.x版本支持ie6~8浏览器，而且还支持丰富的CSS选择器选择元素。 3.2 id选择器 id选择器就是根据标签的id获取dom的包装对象。

2.5K10 0

【jQuery进阶】子菜单插件Slight Submenu

插件特点：非常容易使用，只有几KB大小，完全控制每一个环节几乎没有CSS 多级嵌套的子菜单，每个嵌套本身（完全控制，再次）内联CSS...选项允许css来进行内联自定义场景,深层嵌套（松散，结构甚至凹凸不平，没有双关语意）兼容所有浏览器（记住，jQuery的2 *及以上不支持<IE9，如果您使用的是，对于那些旧的浏览器不支持...）插件选项和用法：要使用你需要> = 1.8的jQuery和插件本身的插件： 1 2 如果你不使用内联CSS（插件选项），有一些强制性的CSS，你可能想要从包括或复制的内容...time can stay expanded prependButtons: false, // this is where to put the buttons inside the parent

1.6K2 0

【分享】Vue.js新手入门指南

你是否还记得你当初写JQuery的时候，有写过$('#xxx').parent().parent().parent()这种代码呢？...前面说到Webpack还有构建的功能，这就不得不提到了ECMAScript6这个新版本的JavaScript，但是现在国内外还有很多人用着老版本的浏览器，这些浏览器并不支持ECMAScript6，那么我们的前端项目如何在这种浏览器上运行呢...当然对前端有更深入的同学还会知道Sass，Less，stylus之类的CSS预处理器，我们也可以通过在Loader中编写特定的规则来实现自动将这些CSS预处理语言转换成普通浏览器能识别的CSS代码。...让我们修改代码，并且按Ctrl+S保存之后，浏览器页面自动刷新变化，不需要我们去手动刷新，还有一些插件可以自动添加注释，自动给CSS代码加上一些浏览器内核对CSS3兼容前缀，就像webkit-xxx之类的一样...比如说读写本地系统文件这种操作，一般情况下运行在浏览器中的JavaScript代码是没有这个操作权限的。

3.5K4 0

jQuery 快速入门教程

几乎所有的CSS选择器都可以当做jQuery选择器来使用，只要CSS选择器对哪些元素生效，对应的jQuery选择器就可以选取到哪些元素。...和CSS选择器一样，jQuery选择器也支持多个选择器任意组合使用。...(); // 选取所有span元素的父元素 $("span").parent(".foo.bar"); // 选取所有span元素的带有CSS类名"foo"和"bar"的父元素 $("#uid").prev...如果没有为其传入表示值的参数，则表示获取操作，将返回获取到的数据；如果为其传入了表示值的参数，则表示设置操作，它将设置DOM元素指定属性的值。...还支持自定义基于CSS样式的动画效果。

13.6K3 0

如何做到 jQuery-free？

jQuery 2.0的原始大小为235KB，优化后为81KB；如果是支持IE6、7、8的jQuery 1.8.3，原始大小为261KB，优化后为91KB。...2006年，jQuery诞生的时候，主要用于消除不同浏览器的差异（主要是IE6），为开发者提供一个简洁的统一接口。相比当时，如今的情况已经发生了很大的变化。...开发者直接使用JavScript标准语法，就能同时在各大浏览器运行，不再需要通过jQuery获取兼容性。...// jQuery写法　　$(parent).prepend($(child)); 　　// DOM写法　　parent.insertBefore(child, parent.childNodes...jQuery的css方法，用来设置网页元素的样式。

1.2K4 0

01-老马jQuery教程-jQuery入口函数及选择器

下载地址：http://code.jquery.com/jquery-2.1.4.min.js 3.x：不兼容ie678，只支持最新的浏览器。...的选择器 3.1 dom选择的痛点 ie8以下的浏览器不支持标准DOM的querySelector方法。...强大的CSS选择器没有用武之地。...ie8以下的浏览器仅仅支持以下搜索的方法： document.getElementById(id) document.getElementsByTagName(tag) document.getElementsByName...jQuery的1.x版本支持ie6~8浏览器，而且还支持丰富的CSS选择器选择元素。 3.2 id选择器 id选择器就是根据标签的id获取dom的包装对象。

2.4K0 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭