Html CSS样式不继承属性
我有这段代码，我不明白为什么我的H1和它相关的p标签没有得到在th BODY css元素中定义的字体和大小（没有继承性）。。除非我取消注释*css样式，否则这是一个非常糟糕的主意。如果我这样做，我就不能改变它们的属性，在P css标签中重新定义它们（继承似乎是强制的） 我对任何标签都有这个问题，我不想每次都重新定义字体和大小 global.cssHtml CSS样式不继承属性,html,css,inheritance,styles,Html,Css,Inheritance,Styles,我有这段代码，我不明白为什么我的H1和它相关的p标签没有得到在th BODY css元素中定义的字体和大小（没有继承性）。。除非我取消注释*css样式，否则这是一个非常糟糕的主意。如果我这样做，我就不能改变它们的属性，在P css标签中重新定义它们（继承似乎是强制的） 我对任何标签都有这个问题，我不想每次都重新定义字体和大小 global.css /* * { font-family: Arial, Helvetica, sans-serif; font-size: 12px;
/*
* {
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>
<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>
A.
标题
一些文本
h1,p{
font-size:12px;}
默认情况下，h1具有与浏览器关联的字体大小。默认情况下，您可以使用重置样式表来解决此问题，也可以简单地使用
h1,p{
font-size:12px;}
H1和p都具有与默认浏览器样式不同的本机浏览器定义样式。在没有任何样式信息的情况下，H1看起来与正文中的文本不同，对吗？出于这些原因，您需要显式地覆盖它们
html, h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
H1和p都具有与默认浏览器样式不同的本机浏览器定义样式。在没有任何样式信息的情况下，H1看起来与正文中的文本不同，对吗？出于这些原因，您需要显式地覆盖它们
html, h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
浏览器的用户样式表样式
h1p正文h1, p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px;
}
您可能还对.p>浏览器的用户样式表样式
h1p正文h1, p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px;
}
您可能还对一个。H1元素不继承字体大小，因为它在浏览器的默认样式表中设置了字体大小 p元素不继承它，因为该元素位于一个表单元格中，浏览器中的“怪癖模式”意味着表会破坏继承。您的页面以怪癖模式显示，因为它没有doctype声明；将
如果取消注释第一条规则（使用通用选择器
*p{font size:5px}如果取消注释第一条规则（使用通用选择器
*p{font size:5px}