我有一些按照这个模式(XML,不是HTML,但CSS仍然可以使用)的元素:
<expan abbr="XX">YY</expan>
有时我希望在输出中看到“YY”,有时我希望看到“XX”。如果我想要看到“YY”而不是属性值,那么保持原样即可。如果我想要同时看到元素内容和属性值,使用以下CSS代码即可实现:
expan:after {content:attr(abbr);}
将会把 <expan abbr="XX">YY</expan> 显示为"YYXX"。
但是:如果我想要查看属性的值而不是元素内容——也就是说,如果我只想要看到"XX"。我可以使用CSS的display或visibility来隐藏 <expan> 元素。 但是,它会把所有东西都隐藏,包括:after伪元素。所以,这段代码:
expan:after {content:attr(abbr);}
expan {display:none;}
什么也没有显示。
那么,善良的伙计们...帮个忙吧。这似乎是非常显而易见的事情。当然,我可以通过使用 JavaScript 操作 DOM 来轻松完成它。但由于各种原因,我没有这个选项。我想用简单的 CSS 完成它。 我可以吗?