【问题标题】: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>

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

所有这些都在&lt;div class="content-body"&gt;&lt;/div&gt;

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

谢谢。

【问题讨论】:

    标签: 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 打我想 - 但你可以用 &lt;span&gt; 伪造 &lt;h1&gt; 标签,然后将链接放在它旁边的 &lt;span&gt;

        .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”也不是一个在屏幕样式表中使用的好单位。
        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2013-01-13
        • 1970-01-01
        • 2010-09-16
        • 1970-01-01
        • 2016-04-12
        • 1970-01-01
        相关资源
        最近更新 更多