border继承问题？？？？
来源：9-1 继承者 - 样式的继承
慕码人8595002
2017-08-01 15:33
p{border:1px solid red;}这个只是给p标签设置了边框为1像素、红色、实心边框线，而对于子元素span是没用起到作用的
但是为什么运行结果全部用红线围起来了
写回答
关注
6回答
-
- 慕前端3394234
- 2017-08-01 15:48:17
因为<span>标签所是嵌套在<p>标签中，因此看上去也会被红色框圈起来。如果设置<span>的样式为span{border:1px solid red;}，网页中会出现两个红色的框，一大一小，小的只框住了<span>标签
-
- 慕后端4350443
- 2017-08-01 16:45:12
但是为什么运行结果全部用红线围起来了?因为围起来的是p的内容，span也在p里，所以围起来了。如果想把apan单独围起来就要单独写一个span{1px solid red}
-
- RyanMans
- 2017-08-01 15:53:30
<p>是块状元素，对其内部标签的样式风格会带有继承的作用，span作为p 的内联元素，所以设置实心边框线的时候，也会被包围起来
-
- 慕娘45398
- 2017-08-01 15:51:56
全部圈起来不是很正常么，你给p设置红框，他不就把p圈起来么？
-
- 慕码人8595002
- 2017-08-01 15:50:38
那能举个更加合适的栗子吗，border不被继承的栗子
-
- coolpail
- 2017-08-01 15:46:52
这是p标签的作用，如果span也有作用那么span也该围起来
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1225297 学习 · 18230 问题
相似问题