0

我想在单独的 css 文件中为同一页面上的不同链接创建不同的颜色/规则。该文件已链接到相关页面。我尝试了许多不同的方法来将不同的规则应用于链接，它们要么将一组规则应用于整个页面，要么应用默认设置并取消更改，要么只应用一些规则。

第一组链接是我想要用于页面某些区域的特定链接。

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;}

第二组规则是我想应用于页面上其他所有内容的规则。 

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，#bottombar和#header #bottombar。如您所见，还在 a: 之前和 a 之后尝试过。似乎没有任何效果，他们似乎从未在指定区域采用单独的规则。

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，但它应该通向哪里？您在同一页面上是否有一个带有IDof的元素index.html？我不这么认为。

这一行：<abbr title="You Buy Low or Sell High"</abbr>

不正确。你想缩写什么？你包括你的标题，但你没有完成开始标签。如果您想缩写“You Buy Low or 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>

为了在这两个div元素中定位该锚点，您可以编写如下内容：

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

我不想再写出任何Hello World网络内容。请花点时间学习。

于 2012-10-28T20:29:56.183 回答
0

如果您尝试在其中选择链接， #mainnav请尝试以下操作：#mainnav a {...}等

于 2012-10-28T16:43:48.193 回答