0

別の css ファイルで、同じページの異なるリンクに異なる色/ルールを作成したいと考えています。ファイルは既に問題のページにリンクされています。さまざまなルールをリンクに適用するさまざまな方法を試しましたが、1 つのルール セットをページ全体に適用するか、デフォルト設定を適用して変更をキャンセルするか、一部のルールのみを適用するかのいずれかです。

最初のリンク セットは、ページの特定の領域に必要な特定のリンクです。

a#mainnav, #categories:link { color: grey; text-decoration: none;}

a#mainav, #categories, #header, #bottombar:visited { color: darkcyan; font-weight: normal;}

a#mainnav, #categories:focus { color: lightgrey;}

a#mainnav:hover { color: darkgrey;}

a#categories:hover { color: darkgrey; font-size: 18;}

a#mainnav, #categories:active { color: silver;}

2 番目のルール セットは、ページ上の他のすべてに適用するルールです。 

a#header, #bottombar:link { color: deepskyblue; text-decoration: none;}

a#header, #bottombar:focus { color: darkcyan;}

a#header, #bottombar:hover { color: mediumblue;}

a#header, #bottombar:active { color: royalblue;}

.header と #header を試しました。とを試しまし#headerた。ご覧のとおり、 a: の前と a の後にも試しました。指定された領域で個別のルールを採用することは決してないようです。#bottombar#header #bottombar

HTML:

<div id="container"> 
    <div id="header" title="U BLOSH"> 
        <h1>
            <a name="index.html"</a>
            <a href="#index.html" 
            <abbr title="You Buy Low or Sell High"</abbr> 
            <img src="file:///C|/Users/Marcus/Pictures/ubloshlogo.png" alt="logo" width="250" height="50";</h1> 
</div>
4

2 に答える 2

1

誰もが見下すようなことをせずにこれを言うのは難しいと思いますが、あなたは本当に非常に基本的なHTMLとCSSについて勉強する必要があります。実際には、タグを適切に閉じる必要があります。

この行：<a name="index.html"</a>

正しくない。次のように開始タグを閉じる必要があります<a name="index.html"></a>。また、name属性は何をしますか？アンカータグ（a）はどこかにリンクする必要があります。あなたはそれを属性とどこかにリンクしhrefます。

この行：<a href="#index.html"

正しくない。繰り返しますが、タグを閉じていません。今回は含めましたhrefが、どこにつながるのでしょうか？同じページにの要素がIDありindex.htmlますか？私はそうは思わない。

この行：<abbr title="You Buy Low or Sell High"</abbr>

正しくない。略語とはどういう意味ですか？タイトルを含めましたが、オープニングタグを完了していません。「YouBuyLowor Sell High」というフレーズを省略したい場合は、おそらくのようになります<abbr title="You Buy Low or Sell High">YBLOSH</abbr>。

この行：<img src="file:///C|/Users/Marcus/Pictures/ubloshlogo.png" alt="logo" width="250" height="50";

タグを閉じていません。有効な画像タグは<img src="" alt="">（HTML）または<img src="" alt="" />（XHTML）のようになります。セミコロンは何のためにありますか？

CSSを使用した要素のターゲティングに関する元の質問に進むときに、例として次のマークアップを取り上げます。

<div id="container">
     <div id="header">
         <a href="http://somewebsite.com">Some link text</a>
     </div>
</div>

これらの2つのdiv要素内のアンカーをターゲットにするには、次のように記述します。

#container #header a {color:red;}
#container #header a {color:blue;}

これ以上HelloWorldWeb関連のものを書きたくありません。時間をかけて学びましょう。

于 2012-10-28T20:29:56.183 に答える
0

内の リンクを選択しようとしている場合は、#mainnavこれを試してください:#mainnav a {...}など

于 2012-10-28T16:43:48.193 に答える