如何在部分html代码中不使用body样式css规则？

问题描述 投票：0回答：3

我有这个 

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 html styles
3个回答
1
投票

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;
}
1
投票

有多种方法可以实现这一目标 如果你想让你的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;
}
0
投票

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

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

或有默认值（基本格式）？

没有。

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.