• ベストアンサー

スタイルシートで複数のlinkパラメーター設定はできますか

スタイルシートの「メニュー」の複数例を教材として表示したいのですが、 a.linkやa.visited、a.hover等のリンク設定を 同じページ内で異なるパラメーターの設定ができるのでしょうか。

  • HTML
  • 回答数2
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
  • key-child
  • ベストアンサー率54% (25/46)
回答No.2

class属性もしくはid属性をつけ、それごとにスタイルを設定することができます。 a.sample1:link { color: #ff0000; } a#sample2:link { color: #00ff00; } <a class="sample1" ...> <a id="sample2" ...> リンクの色などのスタイルはサイト全体を通して統一させた方が読みやすいものになると思います。 むやみやたらに変更し、どれがリンクなのかわからないものにならないようにしましょう。

noro6857
質問者

お礼

ご丁寧な説明ありがとうございました。 質問を書いたあと、もしかしたらclassを使うのかなと気がつきましたが、これで確証を得ました。 idもあるんですね。 さっそく利用させてもらいます。

その他の回答 (1)

  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.1

classやidごとに別々の属性をつけることができます

noro6857
質問者

お礼

ありがとうございました。 質問を書いたあと、もしかしたらclassを使うのかなと気がつきましたが、これで確証を得ました。 idは気がつきませんでしたがさっそく使ってみます。

関連するQ&A

  • ホームページビルダー10 スタイルシート

    ホームページビルダー10 スタイルシートで、 リンクの入った文字を、カーソルを上にすると、色が変わる(HOVER)非表示のリンク(LINK)表示のリンク(VISITED)があり、リンクの文字の色を変えることができますが、設定すると、そのページのリンクの文字がすべて同じ設定になってしまいます。 例えば、ある文字は HOVERは赤 LINKは白 VISITEDは緑 同ページのほかの文字はHOVERは黒 LINKは黄 VISITEDは青 のように個別に設定したいのですが、 よくわかりません。classを使って、できるというようなことが書いてありますが、よく設定の仕方がわかりません。ご教授お願いいたします。

  • スタイルシートの「A」とは何ですか?

    ホームページビルダー13を使っています。 スタイルシートマネージャーを開くと、 「ルール情報」のなかに 「A  A:link A:visited A:hover」 というのがあります。 「A:link」「A:visited」「A:hover」は、 「A:link」はいわゆる通常のリンクの表示の状態 「A:visited」はすでに訪れたときの状態 「A:hover」はポインタが上にきたときの状態 という解釈で良いでしょうか。 疑問なのは単に「A」となっているタグです。 これはどのようなタグなのでしょうか。

  • ホームページビルダーのスタイルシート設定について

    ホームページビルダー2001を使っています。 スタイルシートを使ってページのスタイルを設定しています。 あるサイトをチェックしていたら、テキストリンクの上に、マウスを持っていくと、そのテキスト属性(のようなもの)が、マウスポインタの横に出てきます。 そのページのソースを確認すると以下のようになっていました。 <A class=nav title="業務内容案内" href="http://×××/●●●/index.html">業務内容案内</A> 次にスタイルシートを確認すると、ナビゲーションバーに使っているスタイル(クラス)A.navが設定されていました。 このA.navには、A.nav:visitedや、A.nav:hoverなどの設定もしてありました。 しかし、私も同じようにやってみましたが、実際IEで、確認しても、リンクの張っている文字の横には何も出てきません。 長くなりましたが、(リンクの張っている文字の)titleの属性の設定の方法を知っている方、どうか教えてください。 よろしくお願いいたします。

  • スタイルシートで

    外部スタイルシートのみでリンクの上にマウスが乗ったら背景の色が変わるようにしているのですが、 a:link {background-color: #FFFFFF;} a:hover {background-color: #000000;} a:visited {background-color: #FFFFFF;} この場合、一度リンクしたら次にマウスが乗っても変化しません。外部スタイルシートのみでうまくいく方法はあるのでしょうか? よろしくお願いします。

    • ベストアンサー
    • HTML
  • A:link等の指定をstyle属性でタグへ埋め込みたい

    CSSで、 A:link A:visited A:active A:hover の指定をする際、別ファイルのスタイルシートを読み込む等の方法ではなく、 style属性を使って直接タグ内へ埋め込むことはできるのでしょうか。 例えば、 <table style="A:link { font-size: 99 }"> のような使い方をしたいのですが・・・うんともすんともです・・・

    • ベストアンサー
    • HTML
  • スタイルシートでリンクに装飾することについて教えてください

    今、自分の日記にスタイルシートを使っています。 スタイルシートでリンクに点線の下線をつけているんですが、 これをページ内のリンク部分の一部だけに適用するようにしたいのですが どうしたらできますか? 今、ソースはこうなっています。 a:link,a:hover,a:active,a:visited { text-decoration : none ; border-bottom : 1px dashed #99E ; } これに何か付け加えて指定したらできると思うのですが 自分で調べてもわかりませんでした。 ぜひ教えてください。よろしくお願いします。

  • スタイルシートについて教えてください(ホームページビルダー11で)

    ホームページビルダー11を使用してWebページをつくっています。 (超初心者です) そこにCSSのnavigation menuのテンプレートを挿入したいと思っています。 ソース(タグ?)は以下です。 http://www.13styles.com/css-menus/style1/ 挿入自体はうまくいって、ちゃんと目的のようにできるのですが、スタイルシートにほかの設定をすると、表示が変わってしまいます。 ほかの設定とは、リンクやリンク済みのフォントを変更するということです。 (a:linkやa:hoverを入れると) テンプレートだと「font-size:11px;font-weight:bold」になるのですが、リンク関係のフォントをほかのサイズに設定すると、そちらの表示になってしまいます。 そうならないように、テンプレートの設定そのままに表示されるようにするにはどうしたらよいでしょうか? 教えてください。 宜しくお願いいたします。

  • スタイルシートの記述について

    お世話になります。 スタイルシートでリンク箇所にアンダーバーを つけないために下記の記述をしているのですが 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
  • スタイルシートについて

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

  • Dreamweaverで2種類のlink設定(色など)をする方法を教えて下さい

    Dreamweaver MX 2004を使ってますが、 例えば、同じページで、a:link a:visited a:hoverなどをCSSで設定する場合、 その色・設定項目は、一種類しか設定できません。 この、a:link a:visited a:hoverなどを、もう一種類(例えば別の色とか) 違う設定をする方法が分かりません。 とても簡単な様で、なぜか昔から分かりません。(汗) CSSを使っても使わなくても良いのですが、 どなたか、a:link a:visited a:hoverを複数設定をする方法などあれば、 お教えくださいませ。よろしくお願い致します。

専門家に質問してみよう