为了账号安全,请及时绑定邮箱和手机立即绑定

客观进来看

1.span{text-decoration:line-through;}(自己尝试的)

2..oldPrice{text-decoration:line-through;}(答案)

效果居然一样 求大神指点迷津。。。最好说下区别与相似 麻烦了

正在回答

6 回答

在代码<span class="oldPrice">300</span>中,span等同于.oldPrice,它们包含的网页元素都是300。

若把代码换成<h1 class="oldPrice"><span>300</span>元</h1>,则h1等同于.oldPrice,它们包含的网页元素是300元;而span不同,它包含的网页元素是300。搞清楚标签嵌套关系及class和id修饰关系,这个问题就解决了。

4 回复 有任何疑惑可以回复我~
#1

betterl 提问者

非常感谢!
2016-03-08 回复 有任何疑惑可以回复我~

<style type="text/css">

.oldPrice{text-decoration:line-through;}

或者span{text-decoration:line-through;}

或者span.oldPrice{text-decoration:line-through;}

或者p .oldPrice{text-decoration:line-through;}

</style>

</head>

<body>

<p>原价:<span class="oldPrice">300</span>元 现价:<span>230</span> 元</p> 

</body>

这四种有的效果相同  有点效果相同  很有意思。注意我在230也加了span标签

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

.oldprice{text-decoration:underline;}

span{text-decoraton:line-through;}

兄弟,这回事什么结果呢,当然优先选择全职最高的

1 回复 有任何疑惑可以回复我~
#1

betterl 提问者

按照class标签的来吧?对吗
2016-03-15 回复 有任何疑惑可以回复我~

优先级的问题,同等设置,答案一样,类选择器大于标签选择器,因此最终按照类class的样式来排版修饰

1 回复 有任何疑惑可以回复我~
#1

betterl 提问者

嗯嗯 谢谢
2016-03-15 回复 有任何疑惑可以回复我~

标签选择器和类选择器都可以实现同样的效果,只是使用的选择器方式不同而已

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

betterl 提问者

原来如此 一下学的有点多 还没消化好。。忘记了标签选择器这说了
2016-03-08 回复 有任何疑惑可以回复我~

其实那个span和oldprice只是个名称而已,都一样的,你要改什么名字都行的,只要文本装饰的方式是一样的,结果都相同

1 回复 有任何疑惑可以回复我~
#1

betterl 提问者

谢谢~
2016-03-08 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1227378    人
  • 解答问题       18248    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

客观进来看

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号