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

2 番目の a と a:hover ルールセットを残して、最初の 内のリンクの特定性を高めます<acctctrls />。

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

ただ、keiさんのおっしゃる通り、classやidで標準的な要素を使ったほうがいいかもしれません。それ以外の場合は、IE がこの要素の CSS を認識できるように、JavaScript shiv (例: document.createElement('acctctrls')) を使用する必要があります。

于 2012-05-03T21:28:00.240 に答える