这里的属性为什么会被划掉

这里的属性为什么会被划掉

问题描述:

老师您好,我有两个问题:

  1. 视频中老师说的没太明白,这个元素为什么会被划掉,但是看页面这个居中效果也是实现了的

    http://img1.sycdn.imooc.com//climg/60a08b5109c8e15921701216.jpg

  2. 审查元素的时候发现很多像这种被划掉的属性,他们的原因也是同1的原因吗

    http://img1.sycdn.imooc.com//climg/60a08c050992a8cf25351226.jpg

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕言 2021-05-16 13:44:20

同学你好,解答如下:

1、被划掉是因为:li本身是有text-align属性的,该样式会覆盖.box1设置的text-align属性,所以通过检查看,.box1的text-align属性就被划掉了。li自身的text-align属性值会让li的文字对齐方式与.box1保持一致,所以.box1设置文字居中之后,li的文字就水平居中了。

2、是的,例如元素重复设置了一个样式之后,先设置的会被划掉,例如:

http://img1.sycdn.imooc.com//climg/60a0b0e809b7328f04330335.jpg

http://img1.sycdn.imooc.com//climg/60a0b10209fa926604520481.jpg

祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师