0 
<body>
    <acctctrls>
        <a href="http://www.some-link.com/">Link inside acctctrls tag</a>
    </acctctrls>
    <a href="http://www.some-link.com/">Link outside acctctrls tag</a>
</body>

我希望 acctctrls 标记内的 <a> 标记遵循这个 css：

a
{
    color: #C20000;
    font-size: 12px;
    font-weight:600;
    text-align:center;
}

我希望 acctctrls 标记之外的 <a> 标记遵循这个 css：

a
{
    text-decoration: none;
    font-style: normal;
    color: #D0D0D0;
}
a:hover
{
    text-decoration: none;
    font-style: bold;
    color: #EEEEEE;
}
4

6 回答 6

0

试试这个：

acctctrls a {
    color: #C20000;
    font-size: 12px;
    font-weight:600;
    text-align:center; 
}
于 2012-05-03T21:24:06.537 回答
0

你试过了吗：

acctctrls a{
    color: #C20000;
    font-size: 12px;
    font-weight:600;
    text-align:center;
}
于 2012-05-03T21:24:17.880 回答
0

对于内部链接，只需将选择器更改为：acctctrls a, acctctrls a:hover并在外部代码之后指定它。

于 2012-05-03T21:25:11.377 回答
0 
   a {
    // rules for outer tags
   } 

   acctctrls a {
     // rules for a's within acctctrls
    }
于 2012-05-03T21:26:05.277 回答
0

将您的样式更改为：

a
{
    text-decoration: none;
    font-style: normal;
    color: #D0D0D0;
}
a:hover
{
    text-decoration: none;
    font-style: bold;
    color: #EEEEEE;
}

acctctrls a
{
    color: #C20000;
    font-size: 12px;
    font-weight:600;
    text-align:center;
}

来自CSS 选择器 当您提供多个标签名称时，默认情况下，当最后一个标签是之前标签的后代时，CSS 将在最后一个标签上执行样式设置。

我知道该链接适用于 CSS2，但同样适用于 CSS3。

于 2012-05-03T21:27:38.130 回答
0

保留第二个 a 和 a:hover 规则集并增加第一个的特异性以获取<acctctrls />.

acctctrls a {
   color: #C20000;
   font-size: 12px;
   font-weight:600;
   text-align:center; 
}

但是，正如 kei 所说，使用带有 class 或 id 的标准元素可能会更好。否则，您将需要使用 JavaScript shiv（例如 document.createElement('acctctrls')）让 IE 识别此元素的 CSS。

于 2012-05-03T21:28:00.240 回答