擬似要素と擬似クラスの違いやダブルコロンとシングルコロンの話｜Webpark

2013/07/01 88 users Webpark hover 擬似要素 active link

私のように趣味でWebサイト作成をしていると基礎が抜け落ちていたりするので復習を兼ねて擬似要素と擬似クラスの違いについて考えてみました。 擬似クラス（Pseudo-classes） 擬似クラスには次のようなものがあります。何気なく使っていますが、擬似クラスという名称を知らない方も多いのではないでしょうか。 :link :visited :hover :active で、擬似クラスはCSS3で大幅に... 続きを読む

リンクをデザインするCSSいろいろ - DesignWalker

2008/11/21 415 users リンク script CSS パターン 訪問済み

今回は、CSSを使ってリンクをデザインする方法をいくつかまとめてみました。 基本的なものから、Scriptを使ってアニメーションする方法までリンクだけでもいろいろな見せ方がありますね。 Why and How: Styling Text Links まずは、CSSで簡単に変更できるパターンをご紹介。 The ways to style visited links こちらは、訪問済み(visited... 続きを読む

アクセス頻度に応じてリンクに色をつける

2005/11/03 68 users アクセス頻度 リンク Greasemonkey CSS 右図

アクセス頻度に応じてリンクに色をつける CSSのa:visitedを利用することにより、 アクセスしたことがあるリンクとそうでないリンクの色を変えることができるが、 アクセス頻度によって色を変えるともっと便利かもしれない。 Firefoxの拡張機能である Greasemonkeyを使って これを実装してみた。 使用例 左図のようなページで「Google」をクリックすると、 中図、右図のようにリンク... 続きを読む