1

ここに私が作っている私のウェブサイトからのいくつかのコードがあります。css内のリンクのスタイリングに問題があります。なぜ変わらないのかわかりません。また、クラスを使用した理由は、このコードを4回繰り返したためです（理由は気にしないでください：P）ところで、どちらも機能しなかった.profileLinksの前に「a」を付けてみました:(

これが外部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 に答える