WEB相談室

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

タイトル:LINKやALINKを個々の文字に指定するには

0:[投稿] 彪子 [2005/03/21 22:51 ][環境:IE6,WIN98 Apache]

初めて質問させていただきます。
こういう質問をしていいのかどうかわかりませんが、よろしくお願いします。

BODYタグで記述する、LINKやALINK、つまりリンクのはられた文字の色の指定を、個々の文字に指定する方法がないかと、スタイルシートやCLASS指定の使い方を調べたのですが、どうしても見つかりません。
DIVタグあるいは、SPANタグの中でLINKやALINKを記述する方法はないでしょうか。
どうかよろしくお願いいたします。


1:[回答] 敬 [MAIL] [URL] [2005/03/21 23:23 ]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">

<html lang="ja" dir="ltr">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=shift_jis">
        <meta http-equiv="content-script-type" content="text/javascript">
        <meta http-equiv="content-style-type" content="text/css">
        <style type="text/css"><!--
            /*a要素の外観を,親要素のクラスを基に差別化する*/
            a {
                /*a要素の装飾に関する原則的指定*/
                color: inherit;
                background: transparent;
                text-decoration: underline;
            }
            .classA a:link {
                /*classAの下位にある,未訪問のa要素*/
                color: blue;
            }
            .classA a:visited {
                /*classAの下位にある,訪問済みのa要素*/
                color: purple;
            }
            .classB a:link {
                /*classBの下位にある,未訪問のa要素*/
                color: red;
            }
            .classB a:visited {
                /*classBの下位にある,訪問済みのa要素*/
                color: maroon;
            }
        --></style>
        <title>テスト</title>
    </head>
    <body>
        <h1>リンク文字色を部分ごとに指定</h1>
        <h2>海外のサイト</h2>
        <ul class="classA">
            <!--ここはclassAに属する-->
            <li><a href="http://www.yahoo.com/">Yahoo.com</a></li>
        </ul>
        <h2>日本のサイト</h2>
        <ul class="classB">
            <!--ここはclassBに属する-->
            <li><a href="http://www.yahoo.co.jp/">Yahoo.co.jp</a></li>
        </ul>
    </body>
</html>


2:[回答] 敬 [MAIL] [URL] [2005/03/21 23:28 ]

上の例では要素の親子関係に注目してスタイル指定をおこないましたが,個々のA要素にidやclassを割り振れば個別的なスタイル指定も可能です。


3:[完了] 彪子 [2005/03/23 17:51 ]

敬さん、ありがとうございます。
あまりにも知識がないため、<ul> や <li>の機能、『idやclassを割り振れば』という意味がわかりません。
でも、これを参考にさせていただいて、がんばってみます。
これからもよろしくお願いします。ありがとうございました。
           

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World