颠倒使用CSS的颜色

HTML

<div> <p>inverted color</p> </div> 

CSS

 div { background-color: #f00; } p { color: /* how to use inverted color here in relation with div background ? */ } 

有没有办法用css反转p颜色？

有color: transparent; 为什么不是color: invert; 即使在CSS3？

Answer 1

将相同的背景颜色添加到段落，然后用CSS3进行反转：

 div { background-color: #f00; } p { color: #f00; -webkit-filter: invert(100%); filter: invert(100%); } 

Answer 2

我认为处理这个唯一的方法是使用JavaScript

试试这个反转特定元素的文本颜色

如果你用css3这样做，它只与最新的浏览器版本兼容。