CSS中的 :Where和 :Is 伪类函数怎么用


这篇文章主要介绍“CSS中的 :Where和 :Is 伪类函数怎么用”,在日常操作中,相信很多人在CSS中的 :Where和 :Is 伪类函数怎么用问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”CSS中的 :Where和 :Is 伪类函数怎么用”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!什么是 :is 与 :where?:is() 和 :where() 都是伪类函数,可以帮助缩短和停止创建选择器时的重复。它们都接受选择器的参数数组(id,类,标签等),并选择可以在该列表中选择的任何元素。这对如何帮助我们编写更短的选择器可能没有多大意义,所以让我们尝试使用 :where() 和 :is() 。如何使用 :is 与 :where?:where() 可以帮助我们解决类似这样的问题变成这样的东西和 :is() 可以帮助将相同的示例添加到该示例中:is 与 :where 和有什么不一样?:where() 和 :is() 看起来和功能都是一样的,但是它们之间有一个区别要记住,那就是它们有不同的特殊 香港云主机性。:where() 是简单的,其特异性总是为0,而 :is() 的特异性为最强的选择器。什么是CSS特异性(简而言之)?在CSS中有四个层次的特异性层次。每一个级别或类别都有不同的分数,我们可以将所有的分数相加来计算选择器的特异性。哪个选择器的数量最多,哪个元素的样式就会被应用到该元素上,这就是为什么有时当你写CSS时,你的样式不会被应用,会在开发工具中显示为划线。特异性等级评分ID——特异性得分为 100内联样式——特异性得分为 1000元素和伪类——特异性得分为 1类、伪类和属性——特异性得分为 10例如.btn = 10button.btn = 1 + 10 = 11如果我们把 .btn 类放在 正如你所看到的,有两种不同的专属性级别的伪类,这是因为不同的伪类可能具有不同的专属性,这取决于你使用的伪类以及如何使用它们。到此,关于“CSS中的 :Where和 :Is 伪类函数怎么用”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注开发云网站,小编会继续努力为大家带来更多实用的文章!

相关推荐: springboot怎么通过注解、接口创建定时任务

本篇内容介绍了“springboot怎么通过注解、接口创建定时任务”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!springboot定时任务的创建,这里就主要说…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 07/16 09:35
下一篇 07/16 09:35

相关推荐