7

私はずっと探していましたが、この本当に厄介なことを変えることができないようです!!!! 優しい天使たち、私のリンクから下線を削除するのを手伝ってください。ただし、特定のものです。ひどくめちゃくちゃなもの、ありがとう。

いくつかのコード:

    <div id = "cracker-container">

      <div class = "cracker-wrapper">
      <div id = "cracker1-button">
        <%= link_to "cracker", new_crack_path %>
      </div>
      </div>

      <div class = "cracker-wrapper">
    <div id = "cracker2-button">
        Cracker2
    </div>
     </div>

    <div class = "cracker-wrapper">
     <div id = "cracker3-button">
      Cracker3
    </div>
    </div>

    </div>

THE CSS:

#cracker1{
  color: #000;
}

#cracker2{
  color: #000;
}

#cracker3{
  color: #000;
}

#cracker1:active{
  color: #fff;
}

#cracker2:active{
  color: #fff;
}

#cracker3:active{
  color: #fff;
}
4

2 に答える 2

10

これにより、#cracker1-button div の下のすべてのタグからテキスト装飾が削除されます。

#cracker1-button a:link { 
    text-decoration:none; 
}

ただし、そのコードは「新鮮な」/未訪問のリンクからのみ下線を削除します。リンクには 4 つの異なる状態があります。

  • link : 新しい/未訪問のリンク
  • Visited : ユーザーが訪れたリンク
  • hover : ユーザーがマウスでリンクにカーソルを合わせているとき
  • active : リンクがページ上のアクティブな要素である場合 (キーボード フォーカスがある場合)

4 つの状態すべてでリンクから下線を削除する場合は、CSS で指定する必要があります。

#cracker1-button a:link, #cracker1-button a:visited, #cracker1-button a:hover, #cracker1-button a:active,  { 
    text-decoration:none; 
}

CSS を使用したリンクのスタイリングの詳細については、こちらのリファレンスを参照してください。

http://www.w3schools.com/css/css_link.asp

于 2013-01-14T22:00:13.093 に答える
0

#cracker1-button a { text-decoration:none; }

それが目的かどうかはわかりませんが、これにより のリンクから下線が削除されます#cracker1。

于 2013-01-14T21:50:39.013 に答える