gpt4 book ai didi

html - CSS - 样式不继承属性

转载 作者:太空宇宙 更新时间:2023-11-03 20:57:35 28 4
gpt4 key购买 nike

我有这段代码,但我不明白为什么我的 H1 及其关联的 P 标签没有获得 BODY css 元素中定义的字体和大小(无继承)。除非我取消注释 * css 样式,否则什么是一个非常糟糕的主意。如果我这样做,我无法更改它们的属性,无法在 P css 标记中重新定义它们(继承似乎是强制的)。

我对 maaany 标签有这个问题,我不想每次都重新定义字体和大小。

global.css

/*
* {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
*/
html {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px;
}

p {
text-align:justify;
margin:0px;
margin-bottom:10px;
}

HTML

<HTML>
<HEAD>
<TITLE>a</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<LINK href="global.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY>
<DIV>
<TABLE width="100%" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD width="1" valign="top"></TD>
<TD valign="top">
<div>
<H1>Title</H1>
<p>Some text</p>
</div>
</TD>
</TR>
</TABLE>
</DIV>
</BODY>
</HTML>

最佳答案

浏览器的用户样式表样式 h1p,以及所有其他单独的元素,比通过 body 具有更高的特异性。

分别设置它们的样式以覆盖这些样式。

h1, p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px;
}

您可能还对 CSS reset 感兴趣.

关于html - CSS - 样式不继承属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8468079/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com