新闻资讯
      

效果如下:

兼容性如下:

又是一片红。。

:lang()

:lang() 伪类基于元素语言来匹配页面元素。

例子如下:

/* 下例表示选择文本语言带有-TN的div元素 (ar-TN, fr-TN). */
div:lang(*-TN) {
    background-color: green
}

web 选择打印机_电子灭鼠器选择_web选择器都有哪些

浏览器支持状态:没有一个支持的。

位置伪类( -):any-link

:any-link 伪类 选择器代表一个有链接锚点的元素,而不管它是否被访问过,也就是说web选择器都有哪些,它会匹配每一个有 href 属性的 、 或 元素。因此,它会匹配到所有的 :link 或 :。

例子如下:


External link
Internal target link
Placeholder link (won't get styled)

效果如下:

兼容性如下:

:local-link

:local-link伪类可以单独格式化本地链接(原文是local links)(内部链接)。

例子如下:

a:local-link {
   text-decoration: none;
}

效果 & 兼容性

没有一个浏览器是支持的,看不到效果

:-

:-伪类适用于:所匹配的元素,以及它DOM节点内所有匹配的元素。

例子如下:

div:target-within {
   border: 2px solid black;
}

效果 & 兼容性

没有一个浏览器是支持的,看不到效果

:scope

:scope伪类表示作为选择器要匹配的作用域的元素。不过目前它等效于 :root。

因为尚未有浏览器支持CSS的局部作用域。

例子如下:

:scope {
   background-color: lime;
}

电子灭鼠器选择_web选择器都有哪些_web 选择打印机

兼容性如下:

浏览器算法不支持,兼容有跟没没区别~

用户行为伪类(User -):focus-

当元素匹配 :focus 伪类并且客户端(UA)的启发式引擎决定焦点应当可见(在这种情况下很多浏览器默认显示“焦点框”。)时,:focus- 伪类将生效。

这个选择器可以有效地根据用户的输入方式(鼠标 vs 键盘)展示不同形式的焦点。

例子如下:





:focus only

:focus-visible only

效果如下:

兼容性如下:

目前只有 67+ 兼容...

:focus-

:focus-伪类适用于:focus所匹配的元素,以及它DOM节点内所有匹配的元素。

例子如下:

效果如下:

时间尺寸伪类(Time- -): && :past && :

这个伪类选择器会选择HTML5中的语言渲染以及播放过程中的时间维度相对元素。所有相关的选择器都像:()。这几个伪类选择器的区别在于:past会选择:所选的元素之前的所有节点。所以,:就是指之后的所有节点了。

例子如下:

/* Current */
:current(p, span) {
   background-color: yellow;
}
/* Past */
:past,
/* Future */
:future {
   display: none;
}

兼容性如下:

目前没有任何浏览器支持

输入伪类(The Input -):read-only 与 :read-write

:read-only伪类选择器表示当前元素是用户不可修改的。

:read-write伪类选择器表示当前元素是用户可修改的。这个伪类选择器可以使用在一个可输入的元素或 元素(HTML5 属性)。

例子如下:





效果如下:

兼容性如下:

:-shown

:-shown 伪类 在 或

网站首页   |    关于我们   |    公司新闻   |    产品方案   |    用户案例   |    售后服务   |    合作伙伴   |    人才招聘   |   

地址:北京市海淀区    电话:010-     邮箱:@126.com

备案号:冀ICP备2024067069号-3 北京科技有限公司版权所有