优先级问题

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>边框</title>

<style type="text/css">


p{border:2px dashed red;}


p{border:2px dotted #ccc;}

p{border:2px solid red;}


p{{border:2px dotted red;}



</style>

</head>

<body>

    <h1>勇气</h1>

    <p>三年级时,我还是一个胆小如鼠的小女孩,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>

    <p>到了三年级下学期时,我们班上了一节公开课,老师提出了一个很简单的问题,班里很多同学都举手了,甚至成绩比我差很多的,也举手了,还说着:"我来,我来。"我环顾了四周,就我没有举手。</p>   

</body>

</html>

样式中的四条语句优先级如何?为什么调换顺序就有影响?


sunshiner2018
浏览 1653回答 5
5回答

阳光雨下

就近原则。你可以想象为浏览器解析的过程,解析了语句1(设定边框),解析语句2(覆盖语句1设定),解析语句3(覆盖语句3设定),解析语句4(覆盖语句3设定)。最后就显示4的效果了。

echo_kinchao

有权重算法你可以去看看

Jeanbin大王来巡山

浏览器时逐行解析HTML页面的。 也就是说, 你的页面显示的样式就是最后生效的那一条。  我是这样理解的。  

Perona

这里都是标签权值,权值相同,后定义的优先 。所以执行的是最后的样式。
打开App,查看更多内容
随时随地看视频慕课网APP