• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

CSS nth-match 不起作用

用户头像
it1352
帮助1

问题说明

nth-match 应该按照以下方式在 jsfiddle 中工作

nth-match is supposed to work in jsfiddle following way

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

这应该每隔一个 ph3 元素下划线.但是,它不起作用 - 无论是在 FF 还是在 Chrome 中:

this should underline every second p and h3 elements. But, it doesn't work - neither in FF nor in Chrome:

http://jsfiddle.net/VUKQS/

问题出在哪里?

正确答案

#1

CSS4选择器目前没有太多浏览器支持,看这里.

CSS4 selectors don't have much browser support at the moment, see here.

您可以使用 nth-of-type,这是一种具有更好浏览器支持的 CSS3 选择器 (看这里):

You could use nth-of-type, a CSS3 selector that has greater browser support (see here):

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

演示

这篇好文章是转载于:学新通技术网

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 学新通技术网
  • 本文地址: /reply/detail/tangibiec
系列文章
更多 icon
同类精品
更多 icon
继续加载