css中的继承关系

答案:3 悬赏:60 手机版

解决时间 2021-01-31 18:17

提问者网友：無理詩人
2021-01-30 20:24

css中的继承关系<title>继承</title>

<style type="text/css">

p{color:red}

p{border:1px;}

</style>

</head>

<body>

<h1>勇气</h1>

<p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩</p>

<p id="second">到了三年级下学期时，我们班上了一节公开课，老师提出了一个很<span>简单</span>的问题</p>

</body>

</html>
问题:这里第一，第二为何分别要用class和id都用class不行吗？

最佳答案

五星知识达人网友：不如潦草
2021-01-30 20:40

你所问的继承，只是span对p的样式继承，

至于你问的CLASS和ID，它们存在有权值的大小，简单理解就是优先权，ID优先权最大标。
你问的问题为什么不能都用CLASS或者ID。
其实这是看你自己的需求的，你复制来的代码是一篇教程里，别人给你举的例子，用来理解权值，就是优先权的，
p{color:red;}
.first{color:green;}
<p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p>这种情况下，P和.first都选择到了P元素，就通过权值来优先选择，CLASS比标签高，所以最后应用的是color:green
你的问题，就是CLASS和ID，或者直接标签选择器，这些都是要看项目中具体需要，
你只要理解它们的区别，用的时候就可以很容易的知道，ID用在什么地方，CLASS用在什么地方。。。

如果你有
HTML+CSS之CSS的继承、层叠和特殊性 (6)

这篇文章，那建议你从头先看完，再用它的代码做实验，你会理解更透彻，

全部回答

1楼网友：蕴藏春秋
2021-01-30 21:53

首先用class的话css前面应该加. 用id的话前面加# 其次，你写的class和id的名字跟你css名字都不相同，你这事对标签p加的样式，不是对class或者id命名的p标签加样式

2楼网友：风格不统一
2021-01-30 20:50

font-family和color是继承的。 display、border、margin和padding属性是不继承的。用户可能会认为background-color是继承的，但实际上它不是。background-color没有设置时，它的默认值实际上昌特别值transparent，它的意思是“在它下面的”颜色可见，因此它与继承值不太相同。如果用户想从父元素继承属性，但是默认时它实际上没有那样做，那么用户就可以在所编写的规则中使用inherit的特殊值。假设用户想让类standout中所有

具有蓝色边框，并且它里面的所有段落具有相同的边框，可以编写如下规则： div.standout{ border:1px solid blue;} div.standout{ border:inherit;}

我要举报

如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！