1

在这里，我有一些来自我正在制作的网站的代码。我在样式化 CSS 中的链接时遇到问题。我不确定为什么他们不会改变。另外，我使用类的原因是因为我将这段代码重复了 4 次（不要担心为什么：P）顺便说一句，我也尝试将 'a' 放在 .profileLinks 前面，但也不起作用 :(

这是外部 CSS 样式表

#trends .profileLinks a:link{
    color:#0000FF;
    text-decoration:none;
    background: transparent;
}

#trends .profileLinks a:visited {
    text-decoration: none; 
    color: #0000FF; 
    background: transparent;
}

这是HTML代码

<div id="trends">
    <h1> Trends... </h1>
    <a href="#" title="Profile Image"><img src="logo.png" alt="Profile Image" height="59" width="68"> </a>
    <a class="profileLinks" href="#" title="User's Profile Name"> Mark Fonacier </a>
    <a class= "commentLinks" onClick ="javascript:ShowHide('HiddenDiv')" href="javascript:;" ><i>Comment</i></a>
    <br/>
    <p>
        PostPostPostPostPostPostPostPostPostPostPostPostPostPostPostPostPostPostPostPostPostPostPostPostPostPost
    </p>
    <a onClick ="javascript:ShowHide('HiddenDiv')" href="javascript:;" ><i>Comment</i></a>
    <div class="mid" id="HiddenDiv" style="DISPLAY: none" >
        <form method="post" action="">
            <textarea name="comments" cols="60" rows="2" placeholder="Enter your comments here..." maxlength="1000"> 
                </textarea>
            <input type="submit" value="Submit" />
        </form>
    </div>
    <br/>
4

3 回答 3

2

这个选择器，

#trends .profileLinks a:link

仅适用于<a>类为 的元素的子标签profileLinks，而您<a> 的是应用了该类的元素。像这样改变它：

#trends a.profileLinks:link

另一条规则也是如此。

于 2012-04-30T07:53:00.817 回答
0

您是否有任何其他样式表被您的样式表覆盖？

试试这个

#trends .profileLinks a:link {
    color:#0000FF !important;
    text-decoration:none;
    background: transparent;
}
于 2012-04-30T07:48:30.110 回答
0

嘿，试试这个刚刚为所有链接定义的颜色。将链接颜色更改为您想要的颜色。

于 2012-04-30T08:40:50.447 回答