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

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

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

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

  1. Google Chrome:从版本1开始支持该选择器。 推荐的腾讯云相关产品:腾讯云轻量应用服务器 产品介绍链接地址:https://cloud.tencent.com/product/lighthouse
  2. Mozilla Firefox:从版本1.0开始支持该选择器。 推荐的腾讯云相关产品:腾讯云云服务器 产品介绍链接地址:https://cloud.tencent.com/product/cvm
  3. Apple Safari:从版本1开始支持该选择器。 推荐的腾讯云相关产品:腾讯云弹性Web托管 产品介绍链接地址:https://cloud.tencent.com/product/eweb
  4. Microsoft Edge:从版本12开始支持该选择器。 推荐的腾讯云相关产品:腾讯云容器服务 产品介绍链接地址:https://cloud.tencent.com/product/ccs
  5. 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.2K20

浏览器兼容

老的浏览器没有这个功能,当然显示有误 不同浏览器,不同标准,不同效果。比如不同浏览器的内核都不一样 三、用到的网站 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.9K52
  • jQuery笔记(1) (多图)

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

    9K10

    看不完的那种!前端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.5K50

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

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

    6.1K20

    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.5K50

    最全面、最详细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.1K20

    前端开发面试题

    最开始渲染引擎和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.1K52

    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类名,如果有就移除,如果没有就添加。

    2K120

    《众妙之门: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 为单位;后者返回整数型维度。

    76170

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

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

    2K31

    Css详细介绍

    Css部分 1、CSS 选择符有哪些 1)id选择器( # myid) 2)类选择器(.myclassname) 3)标签选择器(div, h1, p) 4)相邻选择器(h1 + p) 5)子选择器(ul...link 引用 CSS 时候,页面载入时同时加载,而@import引用的CSS会等到页面被加载完再加载; (3)link 支持使用 javascript 控制去改变样式,而@import 不支持。...title 属性没有明确意义,只表示标题;h1 表示层次明确的标题,对页面信息的抓取也有很大的影响; strong 标明重点内容,语气加强含义;b 是无意义的视觉表示; em 表示强调文本;i 是斜体,...用到了CSS哪些属性?...实现方式: 1)CSS3 实现 优点:开发时间短、性能和开发效率比较好; 缺点是不能兼容到低版本的浏览器 2)jQuery 实现 通过控制不同层滚动速度,计算每一层的时间,控制滚动效果。

    8810

    【分享】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.5K40

    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.6K20
    领券