                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)

可以只更改删除线颜色么

怎么更改删除线颜色而不改变删除线后面文字的颜色

水禾火

2017-01-10

源自：初识HTML(5)+CSS(3) 10-8

关注问题我要回答

3473

操作

收起

3 回答

霁雪回答被采纳 +3 积分
2017-01-19

可以。

在.oldPrice样式里设置文本字体颜色，然后再用一个<span></span>样式定义文本字体颜色的样式，那么300就会优先应用该字体颜色样式，删除线还是会应用.oldPrice样式里设置的字体颜色。

所以最后的效果如下：

2 回复有任何疑惑可以回复我~

收起回答

水禾火提问者

谢谢

2017-01-19 回复有任何疑惑可以回复我~

qq_小样_9
2017-01-10

我觉得可以再加一个span标签将字的颜色属性改回来：

.oldPrice{text-decoration:line-through;color:red;}
span{color:blue;};
</style>
</head>
<body>
<p>原价：<span class="oldPrice"><span>300</span></span>元 现价：230 元</p>

0 回复有任何疑惑可以回复我~

收起回答

水禾火提问者

谢谢！

2017-01-10 回复有任何疑惑可以回复我~