1

ここに示すように、入力要素の特別な選択を確認しました。これを適用して、rel 属性を持つリンクを除くすべてのリンクを選択しようとしました。ここに例があります:

CSS

.language a:not[rel=author]{
    background: red;
}

HTML

<section class="language">
   <a href="/en/">
       <abbr lang="en" title="english">EN</abbr>
   </a>
   <a href="/spa/">
       <abbr lang="es" title="english">ES</abbr>
   </a>
   <a href="http://whatever.com/" rel="author">Designed by me</a>
</section>

最初の 2 つのリンクのみをターゲットにしたいと考えています。クラスを避けて、CSS でそれらをターゲットにしようと思います。

4

4 に答える 4

2

そのようにします:

.language a:not([rel=author]){
    background: red;
}

:not の後の括弧を忘れただけです

于 2013-11-05T12:14:32.570 に答える
1

属性セレクターの代わりに、[att=val]属性セレクターを使用する必要があり[att~=val]ます

.language a:not([rel~=author]){
    background: red;
}

[rel~=author]が属性の唯一の値でauthorない場合にも一致します。したがって、次のようなリンクに一致します。rel

<a href="http://whatever.com/" rel="author">Designed by me</a>
<a href="http://whatever.com/" rel="author external">Designed by me</a>
<a href="http://whatever.com/" rel="author external nofollow">Designed by me</a>
<!-- … -->
于 2013-11-05T15:03:37.800 に答える
1

rel属性を持たないすべてのアンカーを選択します。

.language a:not([rel]){
    background:#F00;
}

JSFiddle

于 2013-11-05T12:15:33.337 に答える
1

属性をターゲットにするだけです...

.language a abbr[title="english"] {
   /* woohoo! */
}
于 2013-11-05T12:15:40.433 に答える