当前位置：编程学堂 > 简要介绍css选择器的命名规则，如何才是最简单的命名 – CSS – 前端，自定义css样式

简要介绍css选择器的命名规则，如何才是最简单的命名 – CSS – 前端，自定义css样式

发布：2023-09-23 07:12

css指针，css中文语音，css字体自动变色，css清理浮动小例子，如何链接css文件路径，css 字上加阴影效果，自定义css样式

@ documentquerySelector这个是什么函数？

querySelectorAll()的作用是：按文档顺序返回指定元素节点的子树中匹配选择器的元素集合，如果没有匹配返回空集合。相关延伸：在传统的 JavaScript 开发中，查找 DOM 往往是开发人员遇到的第一个头疼的问题，原生的 JavaScript 所提供的 DOM 选择方法并不多，仅仅局限于通过 tag, name, id 等方式来查找，这显然是远远不够的，如果想要进行更为精确的选择不得不使用看起来非常繁琐的正则表达式，或者使用某个库。事实上，现在所有的浏览器厂商都提供了 querySelector 和 querySelectorAll 这两个方法的支持，甚至就连微软也派出了 IE 8 作为支持这一特性的代表，querySelector 和 querySelectorAll 作为查找 DOM 的又一途径，极大地方便了开发者，使用它们，你可以像使用 CSS 选择器一样快速地查找到你需要的节点。用法：document.querySelectorAll(“#test”)[0];document.querySelectorAll(“div.test>p:first-child”)[0];document.querySelectorAll( ‘.test span’ ); 浏览器兼容性：虽然有些问题，但瑕不掩瑜，这么好用的两个方法咋没火呢？浏览器兼容性。。。其实比起一些HTML5和CSS3的特性来说这两个方法还没那么让人绝望，因为IE8都已经支持了，其它各个主力主流浏览器自然是实现了。IE8+FirefoxChromeSafariOperaAndroid所以如果你是针对Mobile web优化，不要引用jQuery了，直接使用这两个方法就可以。