Question

我是CSS的新手，我无法理解如何使用样式表类和id来控制不同的元素。我正在尝试使用<ul>作为页脚链接，对于我的网站，我想更改链接的字体。我在哪里以及如何申请？无论我在哪里应用'font-family：whatever'，都没有变化。

这是我的ul

的CSS

#footer {
height: 50px;
width: 600px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

#footer ul {
list-style-type: none;
color: #FFFFFF;
font-size: 16px;

}

#footer  li {
display: inline;

}

#footer  a:link {
color: #FFFFFF;
font-size: 16px;
text-decoration: none;
}

#footer a:visited {
color: #FFFFFF;
font-size: 16px;
text-decoration: none;
}

这是html

<div id="footer">
<ul>
<li><a href="#"> About </a></li> |
<li><a href="#"> Contact </a></li> |
<li><a href="#"> Terms </a></li> |
<li><a href="#"> Blog </a></li>
</ul>
</div>

另外，如何在链接之间更改分隔符的字体？

Answer 1

您目前正在使用font: Helvetica;。如果您将其更改为font-family: Helvetica;，则可以：

http://jsfiddle.net/6g8Km/

修改：在编辑之前， font: Helvetica。

要使管道的样式与链接不同，请将font-family上的#footer li设置为管道所需的字体。然后将font-family上的#footer li a:link设置为您想要链接的字体。

#footer  li { 
    font-family: serif;
} 
#footer li a:link { 
    font-family: sans-serif;
}

Answer 2

#footer li a {
    font-family: Arial, Verdana, sans-serif;
}

另外，将管道字符括在<span class="pipe">|</span中，然后将font-family应用于span.pipe。

Answer 3

您可以将它放在列表项中的li选择器中。此外，与div类似，您可以跨越要应用特定样式的小文本段。

<span>|</span>
span { font-family: Arial, sans-serif; }

例如。

Answer 4

#footer ul
{ 
    padding:30px;
}
#footer ul li
{
    font-size:12px;
    list-style:disc;
}
#footer ul li a or #footer li a
{
    color:#333;
}
/*for links inside li*/

只是，但元素html名称或类在父类或页面中的id。享受风格！还要跟css3一起摇摆！

更改<ul> </ul>中的字体

4 个答案: