如何不使用主体样式的css规则在html代码的一部分

我有这个body样式的css规则。我想知道我怎么能保持规则，但只是不使用它为我的代码的一部分，在<body>之后立即开始?在<body>之后立即开始的代码大约是5个超链接，只是一个在另一个之下。

目前的css格式的超链接的大小和字体，我不希望;这些超链接是否有自己的字体或大小或默认值(基本格式)?如何做到这一点?

css规则:

body {
    direction: ltr;
    font-size:62.5%;
    color:#555;
    font-family:Tahoma, Arial, Helvetica, Verdana, Sans-Serif;
    z-index:1;

}

<body>后面的代码:

<a href="./link1.html">link1</a>  <br />
<a href="./link2.html">link2</a>  <br />
<a href="./link3.html">link3</a>  <br />
<a href="./link4.html">link4</a>  <br />
<a href="./link5.html">link5</a>  <br />

CSS中的特殊规则覆盖一般规则。下面是一个基本的例子。

body {
    direction: ltr;
    font-size:62.5%;
    color:#555;
    font-family:Tahoma, Arial, Helvetica, Verdana, Sans-Serif;
    z-index:1;
}
a {
    font-size:42.5%;
}

更新HTML:

<div id="example">
  <a href="./link1.html">link1</a>  <br />
  <a href="./link2.html">link2</a>  <br />
  <a href="./link3.html">link3</a>  <br />
  <a href="./link4.html">link4</a>  <br />
  <a href="./link5.html">link5</a>  <br />
</div>

CSS:

body {
    font-size:62.5%;
    color:#555;
}
#example a {
    font-size:42.5%;
    color:red;
}

有许多方法可以实现这一点如果你想让所有的超链接在html中使用不同的字体你可以指定

a{
   font-size:5px;
}

或者你想让某一组超链接只有不同的字体

   <div id="menu">
    <a href="./link1.html">link1</a>  <br />
    <a href="./link2.html">link2</a>  <br />
    <a href="./link3.html">link3</a>  <br />
    <a href="./link4.html">link4</a>  <br />
    <a href="./link5.html">link5</a>  <br />
   </div>

CSS

#menu a
{
 font=size:5px;
}

有没有办法让这些超链接有自己的字体或大小

只需编写一个CSS规则集，其中包含一个匹配链接的选择器，以及更改字体和/或字体大小的规则。

还是有默认值(基本格式)?

号

相关内容

最新更新

热门标签：