我知道h1标签对于SEO很重要,所以所有的标题都是H1(太棒了!)
现在,我需要在某些页面上将标题(作为文本的第一行)稍微改变一下。
通常,我只是复制h1作为h2并交替使用。
问题是:是否可以向标题标签添加类...(我尝试过但没有成功)
h1 { color: red; }
或者像这样:
<h1 class="fancy">Fancy</h1>
.fancy { font-family: fantasy; }
如果不起作用:
编辑:
听起来你使用了h1 .myClass
而不是h1.myClass
- 两者之间有一个重要的区别:
h1 .myClass { } /* any element with class="myClass" within an <h1> */
h1.myClass { } /* any <h1> with class="myClass" */
<h1 class="someclass">…</h1>
class
属性是 核心属性 coreattrs 中的一部分,可用于与 h1
元素 一起使用。
h1
元素,请使用h1.someclass
CSS选择器。 - Gumboh1
来作为所有标题的标签。通常情况下,一个页面只应该有一个h1
标签来描述页面内容(其中文本至少部分匹配页面标题),而对于不同部分的标题,则应该使用较小的标题标签。这样可以向搜索引擎提供关于页面上最重要内容的最多信息。当然,也有一些页面不适用于这种模式,但是大多数页面都适用。h1
标签:h1 { font-weight: bold; }
对于所有的 h1
和 h2
标签:
h1, h2 { margin: 10px; }
针对具有 id="main"
的元素内的所有 h1
标签:
#main h1 { background: #ccc; }
针对所有 class="Info"
的 h2
标签:
h2.Info { color: #000; }
针对具有 class="More"
属性的元素内所有 h3
标签:
.More h3 { text-decoration: underline; }
您可以给 <h1>
标签添加一个类。就像这样:
<h1 class="myclass"> ... </h1>
<style type="text/css">
.myclass { color : green }
</style>
以下代码应该可以正常工作:
<html>
<head>
<style type="text/css">
h1.custom {
color: red;
font-size: 16px;
}
</style>
</head>
<body>
<h1 class="custom"> test </h1>
</body>
</html>
<div class='row' id='content-wrapper'>
<div class='clear'/>
<b:if cond='data:blog.pageType == "error_page"'>
<div id='error-wrap'>
<h1 class='error-item'>404</h1>
<h2>Page Not Found!</h2>
<p>Sorry, the page you were looking for in this blog does not exist.</p>
<div class='clear'/>
<a class='homepage' expr:href='data:blog.homepageUrl'><i class='fa fa-home'/> Go To Home</a>
</div>
<title>标签位于<head>部分,因此将其添加类不是很有意义。
但您可以为<h1>标签添加类。
<h1 class="title">
.myClass
和h1.myClass
,当HTML为<h1 class=myClass>...</h1>
时。.myClass
的规则优先于h1的任何规则。而在第二种情况下,h1
的规则(如果有)优先于h1.myClass
中的规则(除非它们被标记为!important
)。"优先"意味着如果两个规则中都有相同的属性,则应用具有优先权的规则,另一个规则将被忽略。