CSS中文本对齐的继承

问题描述 投票:-1回答:1

我想将所有的'p'标签设置为'justify',而仅将标头部分设置为'center'。这里要注意的另一件事是,我选择了带有类型选择器(特殊性:1)的段落和带有id选择器(特殊性:100)的标题。

此外,#header选择位于p选择之后。如果确实text-align属性是可继承的,那么我猜想对于标题中的“ p”标记,“居中”样式的重要性要高于“证明”样式。但这不是那样的。

我什至在stackoverflow上检查了类似的问题,并使用了text-align:最初是#header p。那也不起作用。

p {
  text-align: justify;
}

#header {
  text-align: center;
}
<div id="header">
  <h1>Article Name</h1>
  <p>Author Name</p>
</div>
<p>
  ... more paragraphs
</p>
html css css-selectors css-cascade
1个回答
0
投票

#header, #header >p {
  text-align: center !important;
}

p {
  text-align: justify;
}
<div id="header">
  <h1>Article Name</h1>
  <p>Author Name</p>
</div>
<p>
  ... more paragraphs
</p>
© www.soinside.com 2019 - 2024. All rights reserved.