本文介绍了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 不起作用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!