html – CSS第n个匹配不起作用

发布时间：2020-12-14 19:34:04 所属栏目：资源来源：网络整理

导读：第n次比赛应该以jsfiddle的方式工作 :nth-match(even of p,h3) {text-decoration: underline;} 这应该强调每第二个p和h3元素.但是,它不起作用 – 在FF和Chrome中都不行： http://jsfiddle.net/VUKQS/ 问题在哪里？解决方法 CSS4选择器目前没有太多的浏览器

第n次比赛应该以jsfiddle的方式工作

:nth-match(even of p,h3) {text-decoration: underline;}

这应该强调每第二个p和h3元素.但是,它不起作用 – 在FF和Chrome中都不行：

http://jsfiddle.net/VUKQS/

问题在哪里？

解决方法

CSS4选择器目前没有太多的浏览器支持,see here.

您可以使用第n种类型,CSS3选择器具有更大的浏览器支持(see here)：

p:nth-of-type(even) {text-decoration: underline;}

DEMO

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!