Lucky bag::blog: リンクに関する疑似クラスの記述順

個別記事

前後の記事

CSS を記述するときに気をつけなければいけないのが、基本的に後から指定したものが上書きされるっつうことと、「CSSのspecificity」だったりするんだけど、リンクに関する疑似クラスなんかも記述順を間違えると指定通りに適用されなかったりする。

a:link
a:visited
a:hover
a:active

自分はこの順番の覚え方をどっかで見て、未だにそれが頭に残っていてまず間違えたことがない。その覚え方ってのは、上記疑似クラスの頭文字を使って文章にするって方法。

LoVe HA?

「愛だって、ハァ？」って感じ。なんか絶対に忘れないんだよなぁ。

このリストは、次のエントリーを参照しています: リンクに関する疑似クラスの記述順:

alt="" さんからのトラックバック: ［メモ］疑似クラスの指定順; ［CSSのTips忘れないうちにメモ］ 4種類ある疑似クラス。「link」と「v... [続きを読む]; 2006年06月30日 15:05

スズキさんからのコメント: どうもです☆バトンありがとうございましたっ。
それ僕も見た事ありますよ。たしかゼルドマン氏の著書だったような。（あのオレンジの）
ハァ？！って感じがいいですね。でもハァ？！って思いっきり日本語入ってるから違ってたりして（汗; 2005年06月25日 02:04

e-luck さんからのコメント: あ、そうそうそれでしたね、すっきりしました:-)
見返してみたら、「LoVe-HA!」って、微妙にニュアンスが違いましたね。; 2005年06月25日 14:06

ばあどさんからのコメント

“LoVe/HAte”（ラブ/ヘイト）リンク法、なんてな
もっともらしい名前に、とてもしらけていたんですが
http://www.stylesheet-stylebook.com/archives/000041.php
「ラブだって、はぁ！？」ってのは、すごくしっくり来ます（笑

うちでも薦めようかな。

2005年06月27日 00:45

e-luck さんからのコメント: あ、ばあどさんも愛情に飢えていますね？なんて:-D
でも、マジで忘れないんですよね、これ。; 2005年06月27日 09:15

美優さんからのコメント: e-luckさん、はじめまして。
いつも、勉強させていただいてます。
これ、覚えやすくていいですね。
CSSとかは、たまにしか書く機会がないのでいつも迷うんです。
で、いつも人様のサイトのをのぞかせてもらって、ああ、コレコレ、この順番！って（笑
もう、これで忘れません！; 2005年06月30日 17:04

e-luck さんからのコメント

美優さん、どうもです。

>これ、覚えやすくていいですね。

でしょー :-)
これ意外と忘れないっすよ。

2005年06月30日 21:24

わたるさんからのコメント: うまい！
　
リンクにかけたCSSがうまく機能しなくて悶々。
解決しました。
　
ありがとう！; 2007年07月10日 08:05

e-luck さんからのコメント

>>わたるさん

お役に立てたようで良かったです。

2007年07月11日 22:34

コメント内ではタグは一切使えません。コメント内にてタグを表記したい場合は、お手数ですが、文字実体参照を利用して < を < 、> を > とそれぞれ置き換えてください。