WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:a:hover, a:visitedをあえてインラインで記述できる?

0:[投稿] anan [2006/03/20 12:17 ] [環境:IE6.0, WinXP わからない]

以下のCSSを、“あえて”インラインで記述する必要が出てきました。これは可能なのでしょうか?

 a{ text-decoration:underline }
 a:hover{color:#33C}
 a:visited{color:#800080}

あえてインラインで記述する理由は、
コンテンツ内の他の部分を触ることができず、かつ、他の部分に

 a{ text-decoration:none }
 a:hover {color:#999}
 a:hover{color:#666}
 a:visited{color:#000}

と、違う色が指定されているためです(<head>内にて設定。)そのため、<head>内記述に引っ張られないで、一部分だけインラインで上記hoverやvisitedまで記述することは可能でしょうか?

よろしくお願いします。


1:[関連] AC1号 [2006/03/20 20:54 ]

W3Cで http://www.w3.org/TR/css-style-attr という文書がありますが…。
IEもFirefoxも実装していないようです。


2:[回答] なるよし [2006/03/21 09:46 ]

要するに
|CSSfile| こちらの設定を優先的に使いたいのかな??
 ↑CSSリンク
|HTMLfile| CSSリンク,HEAD内CSS

それならこう記述する。
セレクタ {プロパティ:値 !important;}
これでも適応されなかったら返信お願いします。
(IE、NN、FF、OPすべて対応)


3:[回答] xhtml? [2006/03/21 16:42 ]

どうしようとしているのかが いまいち解りませんが、同一ページないで リンクの設定をかえたいとしたら…単純に class名を付ければいいと考えますが。
▼ページ内の基本リンク設定
a{ text-decoration:none }
 a:hover {color:#999}
 a:hover{color:#666}
 a:visited{color:#000}
▼ページ内の特定の場所のリンク設定
 a.class名{ text-decoration:underline }
 a.class名:hover{color:#33C}
 a.class名:visited{color:#800080}
というようにclass名を付けて
<a class="class名" href="〜">○○○</a>というようにすればいいです、もちろんid名を利用する方法もあります。


4:[回答] Dove [2006/03/21 23:43 ]

>>2, >>3
>>1 のリンク先くらい読んでから返信すべきだと思います。
(日本語訳:若干古い)http://www.toyfish.net/docs/WD-css-style-attr-20010305.ja.html


5:[回答] かんな [2006/03/22 02:24 ][URL]

実装しているブラウザがないから、代替案を提案しているのでは?


6:[回答] xhtml? [2006/03/22 14:27 ]

>>0関連の返信のつもりでした。
>>1の返信を返すのでしたっけ?


7:[関連] Dove [2006/03/22 16:01 ]

>>0
><head>内記述に引っ張られないで、
>一部分だけインラインで
>上記hoverやvisitedまで記述することは可能でしょうか?

という質問に対してなぜ>>2,>>3のような回答が出てくるのか分かりません。


>>3
>どうしようとしているのかが いまいち解りませんが

>>1のリンク先に、どうなれば良かったかはズバリ書いてあるでしょ。だから読めと言ったのです。
head要素をいじれない(という前提)だから、!importantもclassもidも代替案としては不適切。
まぁ、body要素内にstyle要素を書いてもブラウザは認識するという穴をあえて利用するなら話は別ですが。

もちろん、実はhead要素内をいじれるという話であれば>>2,>>3でも良いですが
現時点では質問の前提を無視しすぎです。


8:[回答] かんな [2006/03/24 04:36 ][URL]

ではstyle属性でhoverの指定を上書きして、onmouseoverで何とかする。visitedはどうにもなりません。


9:[完了] anan [2006/03/29 14:29 ]

質問した者です。再登場が遅くなってすみません。みなさんのご回答参考にさせていただきました。
http://www.w3.org/TR/css-style-attr 参考にしました。記述としては可能だけどもブラウザ対応していないんですね。
今回は、
>>7
で書いてくださいましたように、もろもろの事情で複数人がひとつのHTMLファイルを更新していく状態で、さらに<head>内にCSSを記述させてもらえるかどうかが不明だったために上記の質問をさせていただきました。
結果的にブラウザ対応していないのであればどうにもならないので、<head>内に記述するしかないかと思いました。

<a href="http://www.w3.org/"
         style="{color: #900}
         :link {background: #ff0}
         :visited {background: #fff}
         :hover {outline: thin red solid}
         :active {background: #00f}">...</a>

のような記述は本でもWEBでもなかなか見つかりませんでしたのでとても参考になりました。(W3Cのサイトも参照していたのですが、このページまでたどり着けませんでした)
上記の記述方法には興味がありますので、今後表示チェックしていこうと思います。
ありがとうございました。

回答(必須): 状態:

お名前(必須):

URL:




[戻る]