CSS nth-match 不起作用

CSS nth-match doesn#39;t work(CSS nth-match 不起作用)

问题描述

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

nth-match is supposed to work in jsfiddle following way

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

这应该每隔一个 p 和 h3 元素下划线.但是，它不起作用 - 无论是在 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/

问题出在哪里?

推荐答案

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;}

演示

这篇关于CSS nth-match 不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！