• 締切済み

ユーザースタイルシートのドメイン指定の記述

 こんにちは。  ユーザースタイルシートのドメイン指定の記述について分からなく困っています。  私は、IEで表示済みリンクを赤色にするように設定しています。これを特定のドメインだけに適用するようにしたいのですが、どう記述すれば良いのでしょうか?  現状は、  :visited{color:red!important}  とだけ記述してIE.cssとして保存しており、全てのドメインに適用されてしまっています。

  • CSS
  • 回答数2
  • ありがとう数4

みんなの回答

  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.2

そういう便利な機能ブラウザは、Firefoxですよ! ここでIEの利用方法を質問しても、ヘビーユーザーはIEを利用しないから回答がつかないかもしれません・・・ Firefoxを入れて、 http://www.mozilla.jp/firefox/ アドオン: stylishで https://addons.mozilla.org/ja/firefox/addon/stylish/ CSSを設定 @-moz-document domain(ドメイン~~.COM) { a:visited{color:red !important}} IEを一般的に利用しておいて、 ご希望状態にしたい時に、Firefoxを利用すれば良いでしょう。

p9gcom
質問者

お礼

 一般人には多く使われているであろうIEが、 プロの方々にはマイナーだなんて盲点でした!  そういった使い方もアリですね!!

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

そもそも、 の書き方は正式ではない。基点となるセレクタがない。それでは意味的には *:visited{}になります。 a:visited{}と書きましょう。 firefoxの場合 @-moz-document domain(www.youtube.com){ html,body{ width:100%!important; overflow-x:hidden!important; } body:hover{overflow:auto!important;} } と書いてます。

p9gcom
質問者

お礼

 ご指摘・ご教授ありがとうございました。  ただ、FirefoxではなくWindows Internet Explorerのためそのまま適用できません。  Firefoxが分かりません・・・。  ↓を記述すればいいのかなと考えているのですが、うまくいきません。  [src*youtube.com]

関連するQ&A

  • 要素にスタイルシートを外部CSSにて指定する方法

    外部運営で、間借りしているサイトを使用しています。(主の部分は、運営会社のみが変更可能) 自分でCSSを変更できないので、例えば、テキストリンクにスタイルを適用す場合、直接記述ができるようなのですが、 <a style="color: red; text-decoration: none;" target="_blank" href="url">ABCD</a> これを、直接スタイル記述ではなく、自分のサイトで作った外部CSSにリンクさせ、適用させたいと考えています。 ID name属性 Title属性 content type属性 スタイルシートクラス リンクcharset属性とスタイルシート欄が存在します。(上記の例は、最後のスタイルシートの欄に入れると上記のようなソースになりました。) 上記の中で、何か利用すれば外部CSSのリンクできるのでしょうか。

    • ベストアンサー
    • HTML
  • スタイルシートの記述について

    お世話になります。 スタイルシートでリンク箇所にアンダーバーを つけないために下記の記述をしているのですが a:link { Color: #0000cc; text-decoration: none; } a:visited { color: #0000cc; text-decoration: none; } a:hover { color: #ff0000; text-decoration: underline; } a:active { color: #0000cc; text-decoration: none; } ブラウザを起動してみてみるとアンダーバーが 表示されます。 一度リンクをクリックするとアンダーバーの 表示が消えます。 どこかミスがあるのでしょうか? よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • スタイルシートの記述としては正しいですか?

    ホームページを作ることになり、スタイルシートを使いたいです。 色々な記述を見ると、HTMLの世界でもいろいろな規格があり、 各ブラウザでも見え方が異なる可能性があることが分かりました。 すべてのブラウザをテストすることは難しいので、 基本的には標準とされる仕様に従いたいと思います。 そこでお願いなのですが、 以下のスタイルシートの記述は標準といえますか? body { font-size:12pt; .title { font-size:15pt; } a:active { color :red; } } 実現させたい見え方としては、 ・見える部分(body)の文字サイズは基本的に統一(12pt) ・ただしclassがtitleの場合の文字サイズは15pt ・ハイパーリンクをクリックした際には赤になるようにする(全てのリンクで) ご指導いただけましたら幸いです。よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • SEO対策 スタイルシートは必須ですか?

    スタイルシートの知識が無い者です 下記の様な記述だけでも、スタイルシートに外出し しないと、SEO上不利でしょうか? <STYLE type="text/css"> A:link {COLOR: #404040; TEXT-DECORATION: underline} A:visited {COLOR: #404040; TEXT-DECORATION: underline} A:active {COLOR: silver} A:hover { COLOR: #404040; BACKGROUND-COLOR: gold} </STYLE>

  • スタイルシートのアンカー部分

    スタイルシートを利用してのアンカー部分の指定についてです。 a:link {color: yellow; text-decoration: none; } a:visited {color: yellow; text-decoration: none; } a:active {color: yellow; text-decoration: none; } a:hover {color: red; font-weight: bold; text-decoration: underline; } 現在、このように記述しています。 今までは、ページ毎に<STYLE TYPE="text/css">タグを使用し、本文中に記述していたのですが、その代わりとして新たに外部読み込みのcssファイルを使用してみました。 ところが、未訪問リンクだけが反映されないのです。 青文字で、下線付きで表示されてしまいます。 未訪問以外は、bodyなども含め、きちんと反映されています。 色々試行錯誤してみましたが、全然駄目だったので、 再び本文内に書き込む形を取りました。 IE5.5で動作確認しています。 この理由及び対策を御存知の方、教えていただけませんでしょうか?

    • ベストアンサー
    • HTML
  • IEで外部スタイルシートが反映されない

    IEで外部スタイルシートが反映されない HPを製作したところ、 Firefoxでは、完璧に外部スタイルシートが適用されていたのですが、 IEでテストしたところ、CSSが全く反映されていてませんでした。 多くの皆さんがしてるように、 ヘッダーに、 <link href="style.css" rel="stylesheet" type="text/css" /> と記述しているのですが・・・ 原因としては何が考えるでしょうか? ご助力願います。

  • ユーザースタイルシートで文字色、背景色が変更できない

    以前も同様の質問をしたのですが、題名と内容がわかりづらかったのでもう一度質問させていただきます。 Internet Explorer7、Firefox3でユーザースタイルシートを使い、ウェブブラウジング中に文字色と背景色を変更したいと思います(WindowsXP sp2です)。 それで以下のようなcssを書きました。 ----------------------ここから html head+body { color: #464646 !important; color: #464646 !important; color: #464646 !important; background-color: #cdcdcd !important; background-color: #cdcdcd !important; background-color: #cdcdcd !important; background-image:none !important; background-image:none !important; background-image:none !important; } td { color: #464646 !important; color: #464646 !important; color: #464646 !important; background-color: #cdcdcd !important; background-color: #cdcdcd !important; background-color: #cdcdcd !important; background-image:none !important; background-image:none !important; background-image:none !important; } ----------------------ここまで これをユーザースタイルシートとして指定すると、色が変更できる場合もありますが、 サイトよっては一部の色が変更されません。 (例) 大部分の色が変更できるサイト http://www.kuronekoyamato.co.jp/ 一部しか色が変更できないサイト http://www.yahoo.co.jp/ http://www.4gamer.net/ 結果はIEとFirefoxで少し違いますが、色が完全に変更できない点は同じです。 色を完全に変更するには、どういう記述をすればよいのでしょうか? それとも、ユーザースタイルシートではそういうことはできないのでしょうか?

    • ベストアンサー
    • HTML
  • スタイルシートについて

     スタイルシートでフォントサイズを指定する場合、 .style○○○ { size: 12px; }だと思うのですが、  次のリンクの3つをスタイルシートで上記のフォントサイズのようにあらわす場合どう表記すれば良いのでしょうか。 a:link { color: #0000cc; } a:visited { color: #000080; } a:active { color: #ff0000; }  一括でstyle○○になるのでしょうか。それとも3個しれぞれスタイルシートに登録するのでしょうか。  お願いします。

  • ホームページに、ユーザがcssのスタイルシートを選択し、切り替えられる

    ホームページに、ユーザがcssのスタイルシートを選択し、切り替えられる機能をつけたいと思い、 http://allabout.co.jp/gm/gc/23930/5/ の通りに記述しました。 しかし、このように記述したページのみスタイルシートの変更ができたのですが、リンク先に飛ぶとスタイルが標準設定に戻ってしまい、再び選択をおこなわなければなりませんでした。 構成は、 index.html index2.html mystyle.css mystyle2.css となっており、index.htmlとindex2.htmlにそれぞれ、上のホームページの通り記述しました。 (何も選択していない状態では、mystyle.cssが適用され、mystyle.cssとmystyle2.cssを選択できます。) リンク先に飛んでも、選択したスタイルを維持することはできないでしょうか? よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • スタイルシート・・・この記述は正しいですか?

    メモ帳で(苦笑)HPを作っています。いままではテーブルなどのほんとに簡単なタグしか使っていなかったのですが、そろそろサイトデザインを変えたいな~と思って、スタイルシートに挑戦してみることにしました。マウスをオンにしたときリンクの背景色が変わるとか、スクロールバーの色を変えるとか、見た目は思った通りに表示できているのですが(ブラウザIE6.0/NN6.02です)、本やいろんなサイトさんのソースを参考に打ってるだけなので、本当にこれで合っているのか不安です。お時間のある方アドバイスなど頂けたらと思います。よろしくお願いします。 <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta name="robots" content="index,nofollow"> <style type="text/css"> <!-- body { background-color:#; scrollbar-face-color: #; scrollbar highlight-color: #; scrollbar-shadow-color: #; scrollbar-3dlight-color: #; scrollbar-arrow-color: #; scrollbar-track-color: #; scrollbar-darkshadow-color: # } a{text-decoration:none} a:link {color:#;background-color:#;} a:visited {color:#;background-color:#;} a:hover {color:#;background-color:#;} --> </style> </head> <body> </body> </html>

    • ベストアンサー
    • HTML