查看<h1></h1>内的所有链接，需要设置样式，使链接变小答案

【问题标题】：View all link within <h1></h1>, need to set style on it, to make link small查看<h1></h1>内的所有链接，需要设置样式，使链接变小
【发布时间】：2010-10-11 06:59:15
【问题描述】：

我正在尝试使每个 h1 标题右侧的“查看全部”链接更小。

.view-all a:link,
.view-all a:visited {
    text-size:.5em;
}

<h1>Student Activities <span class="view-all">
<a href="/student_activities/calendar/" title="view all">
view all</a></span></h1>

感谢任何关于我做错了什么的帮助。

所有这些都在<div class="content-body"></div>内

如果有更好的方法，请告诉我。

谢谢。

【问题讨论】：

标签： html css

【解决方案1】：

改用字体大小。

【讨论】：

我应该明白这一点，今天早上大脑运转缓慢。

【解决方案2】：

该属性是字体大小，而不是文本大小。

【讨论】：

【解决方案3】：

.view-all a:link,
.view-all a:visited {
    font-size:.5em;
}

<h1>Student Activities <span class="view-all">
<a href="/student_activities/calendar/" title="view all">
view all</a></span></h1>

【讨论】：

【解决方案4】：

6 of 1, 1/2 打我想 - 但你可以用 <span> 伪造 <h1> 标签，然后将链接放在它旁边的 <span> 中

.veiew-all 
{
 font-size:18pt;
}
<div class="content-body">
    <span class="view-all">Sutdent activities</span>
    <a class="link" href="/student_activities/calendar">view all</a>
</div>

不知何故，这对我来说似乎更干净。如果它很糟糕，有人告诉我为什么。

【讨论】：

好吧，你失去了标题的语义含义，使搜索引擎对它们的重视程度降低，这并不理想。同样，“pt”也不是一个在屏幕样式表中使用的好单位。