为什么我text2和text3的字体大小,没有因为.content的样式设置改变字体大小?

为什么我text2和text3的字体大小,没有因为.content的样式设置改变字体大小?

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>行高</title>

<style type="text/css">

/*text-indent: 首行缩进,line-height:行高*/

/*注意:行高值应该比字体大小大,否则就会出现重叠现象*/

.text3{font-size: 12px;text-indent:2em;line-height:25px;}

/*用em设置行高,行高值随字体大小改变。此处表示,行高为25*2=50px*/

.text2{font-size: 25px;text-indent:2em;line-height:2em;}

/*用百分比设置行高,此处行高为25*120%px*/

.text1{font-size: 25px;text-indent:2em;line-height:120%;}


/*不同浏览器有不同默认行高,多数为120%.*/

.text4{line-height: 16px 1em 100%}


.content{font-size:50px;text-indent:2em;line-height: 1.3em;}

.text1{font-size: 30px} /*此时text1的行高值继承了上面的20*1.3px,而不是30*1.3*/

</style>

</head>

<body>

<h1>秘书妹子逆袭</h1>

<div class="content">

<p class="text1">和大多数青少年一样,我非常喜欢玩电脑。在word里面写我和朋友的故事,在excel中进行各种计算,在MS Paint中画画,玩游戏。我订购了一本计算机杂志,它教会了我一切有关电脑的知识。毫无疑问,我想要从事一份与电脑有关的工作,比如卖电脑,安装和配置一些东西,这些都是我梦寐以求的工作。不幸的是,我父母并不如我般兴奋,于是,我做出了妥协。</p>


<p class="text2">我开始成为一名秘书学徒,可以成天与电脑打交道。因为工作关系,我接触到了网站创建方面的内容,并且利用这个机会维护了空手道俱乐部主页。在财务部门,我有机会把一些MS DOS程序转换成MS Excel。后来,因为欧元关系,这些软件就不再工作了。我不得不把无聊的任务重复一遍又一遍。如果可以自动化这些该多好?结果真的就实现了——MS VBA for Excel FTW,真是太令人兴奋了。</p>


<p class="text3">工作期间,我偶然发现一系列的电脑杂志:Delphi编程。它们开始教我编程和GUI基础开发。我购买了一些这方面的书籍,正式开启了编程之路。我写了几个Delphi小程序——因为在MS Excel中做小型计算真的好无聊。6个月的系列教程结束后,我参加了一个开发者比赛:编写一个多标签编辑器。结果我赢得了比赛,前十名的奖项是一个包括所有CD-ROM的Delphi7专业许可证,我终于可以得到一份开发工作了。可现实并没那么简单,研究招聘发现,没人要Delphi程序员。</p>


<p class="text4">学徒结束以后,我继续留在公司担任秘书一职。我着迷于我们公司的网络工作,我认识一些很酷的人在家做很多计算机工作,其中一些就是IT工作。我要是有一份正规教育就能从事这方面的工作……我和好友一起报了一个夜校,选择了MS Access数据库这门课——你可能已经猜到,我用MS VBA来自动化MS Access。其他人则是用框架来构建网站,我已经做过好几次。我心想:“等到这门课程结束,我获得了正规计算机教育,就可以获得一份新工作了”。后来,我还参加了一些专为女性开设的科技活动,比如访问大学、参加一些讲座,在这个过程中,我能够与正在学习计算机技术的女孩交谈,这些正是我想要的。</p>

</div>

</body>

</html>


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

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

1回答
好帮手慕美 2018-09-30 09:44:17

.content设置的字体样式会被子元素继承,但是前边单独设置了text2,text3的字体,所以会继续使用单独设置的字体样式。当单独设置了子元素的样式时,是不会继承父元素的样式的。

  • 提问者 慕村0193792 #1
    感谢回答~ 请问是不是因为子元素和父元素有继承关系,所以子元素的权值一定比父元素大,因为子元素的权值是父元素加子元素的。比如父元素是一个类选择器,子元素是一个span标签,那么子元素的真正权值是类选择器加标签的权值。因此子元素的样式设置可以覆盖父元素的。
    2018-09-30 19:50:15
  • 妮可妮可妮_ 回复 提问者 慕村0193792 #2
    你好同学,是可以这样子理解的,继承的样式优先级最低,当子元素自身设置了样式就不会使用父元素的样式了,祝学习愉快!
    2018-10-06 11:20:30
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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