やあみんな私は現在私のCSSリンクで問題を抱えています。基本的には、リンクにカーソルを合わせてクリックすると、リンクの色が変わるようにします。しかし、ブラウザで表示すると、何らかの理由で機能しません。以下は私のHTMLコードと私のCSSコードです。これらは別々のファイルであり、一緒にリンクされています。前もって感謝します。(コードが正しく表示されない場合はお詫びしますが、すべてそこにあります)
編集:今修正されたことを心配しないでください:D助けてくれてありがとう
やあみんな私は現在私のCSSリンクで問題を抱えています。基本的には、リンクにカーソルを合わせてクリックすると、リンクの色が変わるようにします。しかし、ブラウザで表示すると、何らかの理由で機能しません。以下は私のHTMLコードと私のCSSコードです。これらは別々のファイルであり、一緒にリンクされています。前もって感謝します。(コードが正しく表示されない場合はお詫びしますが、すべてそこにあります)
編集:今修正されたことを心配しないでください:D助けてくれてありがとう
手動でコーディングしていますか、それとも Dreamweaver を WYSIWYG として使用していますか?
注: これは、質問のファイルが適切にフォーマットされていないことが原因である可能性があるため、Markdown によって表示から一部の文字が削除された可能性があります。
私が見る限り、CSS ファイルは正しく記述されていません。ファイル全体に当てはまる例を 1 つ挙げます。
content {
width: 510px;
float: left;
}
上のこのスニペット<content>
は、HTML でタグを探し、そのタグが見つかると、510px の幅を与えて左にフロートさせます。ここでの問題は<content>
、HTML ページまたは HTML 4.01 自体にタグがないことです。あなたがする必要があるのは、これを次のように変更することです:
.content {
width: 510px;
float: left;
}
「.」を追加することによって CSS の「コンテンツ」の前に、「コンテンツ」を変更して、属性として<content>
持つタグを検索します。class="content"
また、ホバーなどで変更するタグを取得するには、ユーザーがリンクの上にホバーし、リンクをクリックし、以前にリンクにアクセスしたときに、、、および<a>
の疑似要素 (疑似属性?) を使用します。それぞれ。:hover
:active
:visited
例:
a {
color: blue;
}
a:hover {
color: red;
}
この例では、ユーザーがリンク上にマウスを置いていない限り、リンクは青色で表示されます。
私が見たところ、探している動作を制御する a:hover、a:vistied、または a:active がどこにも定義されていません。