首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • Stylelint——Unexpected unknown pseudo-class selector :deep

    新项目制定规范接入了stylelint,并通过husky在git提交时去触发检测修复,stylelint版本信息如下:

    54410编辑于 2024-08-27
  • 来自专栏Java帮帮-微信公众号-技术文章全总结

    CSS Selectors Level 4新特性全面解析

    Negation pseudo-class——:not() :not() 用于将符合规则的元素剔除,将样式规则应用于其他元素上。 想解锁更多 :not() 的使用姿势就去看 The Negation Pseudo-class 草案。 Matches-any Pseudo-class——:matches 伪类 :matches() 用于匹配所述规则的元素,并应用相应的样式规则,同样不允许嵌套使用,-webkit-any() 和 -moz-any The Directionality Pseudo-class——:dir() :dir() 用于匹配符合某个方向性的元素,例如 :dir(ltr) 和 dir(rtl)。 The Relational Pseudo-class——:has() :has(selector) 匹配含有 某些规则 的元素。

    2.2K70发布于 2018-03-15
  • 来自专栏前端资源

    CSS3伪类和伪元素的特性及两者的区别

    然后是CSS3对伪类的定义: The pseudo-class concept is introduced to permit selection based on information that lies A pseudo-class always consists of a "colon" (:) followed by the name of the pseudo-class and optionally Pseudo-class names are case-insensitive. Pseudo-classes may be dynamic, in the sense that an element may acquire or lose a pseudo-class while

    85720发布于 2019-11-12
  • 来自专栏学习与分享

    掌握CSS中的常见选择器

    [attribute="value"] { /* styles */ } 伪类选择器(Pseudo-class Selector):例如,要选择所有链接的鼠标悬停状态,可以使用以下样式: selector :pseudo-class { /* styles */ } 伪元素选择器(Pseudo-element Selector):用于创建元素的虚拟部分,如::before和::after。

    87110编辑于 2024-03-01
  • 来自专栏前端架构与工程

    CSS3伪类和伪元素的特性和区别

    然后是CSS3对伪类的定义: The pseudo-class concept is introduced to permit selection based on information that A pseudo-class always consists of a "colon" (:) followed by the name of the pseudo-class and optionally Pseudo-class names are case-insensitive. Pseudo-classes may be dynamic, in the sense that an element may acquire or lose a pseudo-class while

    1.5K90发布于 2018-01-30
  • 来自专栏老K博客

    深入解读CSS高级选择器

    伪类选择器 (Pseudo-class Selectors) 伪类选择器根据元素的状态而非其位置或内容来选择元素。

    50510编辑于 2024-05-04
  • 来自专栏给永远比拿愉快

    JavaFX入门(五):使用CSS样式美化你的UI控件

    Label lblTitle = new Label("欢迎来到中国"); lalTitle.setId("lbl-title"); 最后说的是伪类选择器: 伪类的语法为:selector : pseudo-class 比如我们设置当鼠标移动到Button上去时背景色变为绿色: .button:hover { -fx-background-color: green; } JavaFX中Node类定义的伪类有: CSS Pseudo-class

    12.2K50发布于 2019-01-22
  • 来自专栏Cellinlab's Blog

    CSS 面试要点:选择器

    background: gray; color: white; font-weight: bold; } # 伪选择器 # 伪类 按照未被包含在文档树中的状态信息来选择元素 语法:selector1 :pseudo-class

    25210编辑于 2023-05-17
  • 来自专栏无道编程

    (2019)[前端]面试题[7]:CSS中权重计算方式方法

    CSS3给出定义: The pseudo-class concept is introduced to permit selection based on information that lies

    1.2K00发布于 2019-11-13
  • 来自专栏WebJ2EE

    【前端】:内容生成(::before、::after)

    伪类(pseudo-class) A CSS pseudo-class is a keyword added to a selector that specifies a special state

    96110发布于 2020-01-17
  • 来自专栏FE32 Code

    6 Fun Things You Can Do With Just CSS

    JavaScript to make elements go full screen, by using the requestFullscreen() method, there is a CSS pseudo-class

    29810编辑于 2023-08-01
  • 来自专栏葫芦

    cssjshtml css 优先级

    ID选择器(例如, #example) 通配选择符(universal selector)(*), 关系选择符(combinators) (+, >, ~, ' ')  和 否定伪类(negation pseudo-class

    1.1K30发布于 2019-04-17
  • 来自专栏Coco的专栏

    高手是如何写出让别人看不懂的选择器

    由于它的作用是防止特定的元素被选中,它也被称为反选伪类(negation pseudo-class) :is():将选择器列表作为参数,并选择该列表中任意一个选择器可以选择的元素。

    50720发布于 2021-09-10
  • 来自专栏程序员成长指北

    高手是如何写出让人看不懂的选择器?

    由于它的作用是防止特定的元素被选中,它也被称为反选伪类(negation pseudo-class) :is():将选择器列表作为参数,并选择该列表中任意一个选择器可以选择的元素。

    53930发布于 2021-09-18
  • 逻辑组合伪类 :not() :is :where :has

    同时非常实用,务必掌握哦~ 否定伪类 :not() :not() 伪类用于否定选择器,可以接受一个或多个选择器作为参数,如果元素不匹配参数中的任何一个选择器,则匹配该伪类,它也被称为反选伪类(negation pseudo-class

    35710编辑于 2024-03-17
  • 来自专栏智影Yodonicc

    CSS 2020 Level 4:缩短选择器长度的新伪类

    作者:Adam Argyle 原文链接:New CSS functional pseudo-class selectors :is() and :where() 译者:Yodonicc 这些对CSS选择器语法的看似小的补充

    1.1K61编辑于 2022-04-20
  • 来自专栏前端开发

    2025 年最新 CSS 面试题 100 道及详细答案解析

    伪类选择器(Pseudo-class Selector):用于选择处于特定状态的元素,如:hover表示鼠标悬停在元素上时的状态,:active表示元素被激活(如按钮被点击)时的状态,:first-child 类选择器(Class Selectors)、属性选择器(Attribute Selectors)、伪类选择器(Pseudo-class Selectors):权值均为0,0,1,0。

    93500编辑于 2025-06-15
  • 来自专栏learn

    【Web前端】“CSS”选择器是什么?

    placeholder="Text input"> <input type="password" placeholder="Password input"> </body> </html> 2.5 伪类选择器(Pseudo-class

    36710编辑于 2024-11-19
  • 100道CSS面试题及答案

    伪类选择器(Pseudo-class Selector):用于选择处于特定状态的元素,如:hover表示鼠标悬停在元素上时的状态,:active表示元素被激活(如按钮被点击)时的状态,:first-child 类选择器(Class Selectors)、属性选择器(Attribute Selectors)、伪类选择器(Pseudo-class Selectors):权值均为0,0,1,0。

    25610编辑于 2025-09-03
  • 来自专栏繁依Fanyi 的专栏

    【Java 进阶篇】HTML 与 CSS 结合详解

    伪类和伪元素 CSS引入了伪类(pseudo-class)和伪元素(pseudo-element),它们允许你选择页面上的特定部分,以便应用样式或添加特效。

    1K20编辑于 2023-10-12
领券