css - 含まれている場合にa[href$=".xyz"] を表示しないようにする

Question

score 5 · Accepted Answer

次の CSS ルールを使用します。

a[href$=".pdf"] :not(img):after {
   content: "(pdf)";
   font-size: 10px;
   color: #666;
   padding-left: 5px;
   vertical-align: 6%;
}

ここで JSFiddle を参照してください: http://jsfiddle.net/eh4jQ/4/

score 1 · Accepted Answer

アンカーの後にのみテキストを追加し、子には追加したくないと仮定すると、子に基づいて親のスタイルを変更する方法はないと思うので、画像を持つアンカーにクラスを追加できますか?

次の HTML を試してください。

<a href="file.pdf" class="someClass"><img src="" alt=""></a>
<a href="file.pdf" >File</a>

そして、次の CSS:

a[href$=".pdf"]:not(.someClass):after {
    content: "(pdf)";
    font-size: 10px;
    color: #666;
    padding-left: 5px;
    vertical-align: 6%;
}

:afterこれは、疑似要素のみをアンカーに追加する必要があります。someClass

2 に答える 2