我使用的模板，标题是div内。我想申请h1的称号，但它变坏（在div样式为CSS，并没有为h1没有造型）CSS，DIV和H1

通常这是它是什么：

<div class="content-pagetitle">Title</div>

我改变到：

<div class="content-pagetitle"><h1>Title</h1></div>

但它坏了。

我tryed使用相同的造型content-pagetitle为h1。它没有工作

<h1>Title</h1>

（它不会成为相同内容PAGETITLE）

有没有说“不任何造型适用于h1”的CSS代码？

来源

2010-03-16 ilhan

这真的很难回答这个问题，没有看到相关的CSS代码。我相信它与CSS继承有关，但在发布代码之前很难肯定地说。 – jessegavin 2010-03-16 20:04:03

为什么不使用

标题

？ – Zenya 2010-03-17 01:43:16

可能会尝试在H1

h1 { margin:0; padding:0 }

消除利润率和填充我会鼓励你去探索你的DOM（通过萤火虫或同等学历），看看它们被应用到H1风格。您可能需要更多指定的选择器才能将上述规则应用于特定的h1元素。

来源

2010-03-16 20:03:13 Sampson

浏览器已经试图合理显示有效的HTML文档，即使它没有附带的CSS默认样式。这通常意味着h1元素将获得额外的填充，较大的字体大小，较粗的字体重量等。

处理这些问题的一种方法是使用reset stylesheet。这可能是矫枉过正这里，所以你可能只是想用萤火虫或东西来确定要杀死特定的风格，并覆盖它们。

如果你有麻烦您的样式覆盖，堆更多选择添加更多specificity。

来源

2010-03-16 20:11:44 grossvogel

有没有一个CSS代码说“不适用于任何样式到h1”？

不是这样，没有。 但是...

您可以做的是将'inherit'指定为h1的属性的值。不过，这在所有情况下都不太可能发挥作用。假设：

div#content-pagetitle { 
background-color: #fff; 
color: #000; 
font-size: 2em; 
font-weight: bold; 
} 

h1 { 
background-color: inherit; /* background-color would be #fff */ 
color: inherit; /* color would be #000 */ 
font-size: inherit; /* font-size would be 2*2em (so 4* the page's base font-size) */ 
font-weight: inherit; /* font-weight would be bold */ 
}

可能可以增加选择的特殊性，通过使用：

div#content-pagetitle > h1

或

div#content-pagetitle > h1#element_id_name

来源

2010-03-16 20:13:57

我知道这是旧的文章，但这里是我会做什么...
定义所有h标签像往常一样，那么对于具体的风格，这样做

<h1 class="specialH1"> ... </h1>

，并在你的CSS

h1.specialH1 (
/* style attributes */ 
)

我认为是一个干净的解决方案，并为您提供全面控制，而不必更改或重置您的默认h标签。
它也避免使用任何选择提高型的黑魔法巫术的xD

反正...只是我的意见了......希望这有助于任何人

来源

2013-04-09 05:45:07 user2260278

CSS，DIV和H1

标题

回答

相关问题