1

CSS の知識を深めるために、これを試してみましたが、それが可能かどうかさえわかりません。

50 個のリンクのリストがあり、1 行に 1 つずつ、ページの下に向かっています。各リンク間の垂直パディング/マージンはほとんどありません。各リンクには個別の HTML が割り当てられていますid。

<a id="test" href="temp.html">blaghblagh</a>

http://example.com/temp.html#testにアクセスすると、ページのフォーカスが特定のリンクに変更されますid。

私が望んでいるのは、temp.html#test URL がアクセスされたときです。id#testリンク アンカーは、リンクの周りにパディング/マージンを配置することで、リンクを「目立たせる」ようにします。

私はそれをa:hoverあらゆる種類のものと組み合わせようとしましたが、役に立ちませんでした。アドバイスをいただければ幸いです。

4

6 に答える 6

4

:target疑似セレクターを使用する必要があります。

a:target {
    padding-left: 20px;
    color: red;
}

デモ: http://jsfiddle.net/dfsq/QuFHp/

CSS の :target 疑似セレクターは、URL のハッシュと要素の ID が同じ場合に一致します。( http://css-tricks.com/on-target/ )

IE はバージョン 8 からサポートしています。古いブラウザをサポートする必要がある場合は、javascript を使用する必要があります。

var hash = location.hash;
if (hash) {
    document.getElementById(hash.replace('#', '')).className = 'active';
}
于 2013-03-28T11:28:27.140 に答える
1

アンカー タグに固有の:visitedセレクターがあります。

a:visited {
    padding:10px; /* Whichever values you wish to use. */
    margin:10px;
}
于 2013-03-28T11:22:54.307 に答える
0

探しているセレクターは次の:visitedとおりです。

a:visited {
    padding: 5px;
    margin: 5px;
    /* or whatever you want, really */
}
于 2013-03-28T11:23:12.617 に答える
0

これは純粋な CSS では実行できませんが、 Javascript/jQuery では実現可能です。

恥知らずなプラグですが、これを実現する方法についての記事を書きました。

http://curtistimson.co.uk/js/reading-url-hashtag-values/

if (window.location.hash){
      var hash = window.location.hash.substring(1); //gets id in URL
      $("#" + hash).css("padding", "10px"); //applies padding to that element
}
于 2013-03-28T11:23:58.963 に答える
0

試す。a:visited{ color: red; }

疑似クラスの小さなドキュメントについて詳しく知る

于 2013-03-28T11:24:53.450 に答える
-1

通常、CSS でこれを行うことはできないと思います。URL に ID が追加されているかどうかを確認する jQuery 関数を追加し、追加されている場合はそのリンクにクラスを追加する必要があります。

a:hover のどこが間違っているのでしょうか? いくつかのコードを投稿してください。答えを更新して、それが機能するようにします。

于 2013-03-28T11:22:41.993 に答える