[Opera]できない→できない→妥協→できないものみたいだ→実はできる→鬱

OperaのUserCSSイジりメモ。

やりたいこと : "_blank"以外のtarget属性が付いた変なリンクにアイコンを付ける

なぜなら、既にUserCSSによって_blankを潰しているから_blankは除外するのさ。

CSSその1

以下のUserCSSを書く。

[target][href]:not([target="_blank"])::before{
  content: url('data:image/png;base64, ... ') !important;
}

結果。

<a href="aaa">targetなしリンク</a>
アイコンなし
<a href="aaa" target="_blank">_blankリンク</a>
アイコンなし
<a href="aaa" target="aaa">aaaリンク</a>
アイコンあり

まさにやりたかった通りの挙動。

CSSその2

たまにtarget="blank"と書いているページもあるのでこれも除外するために以下のようにした。

[target][href]:not([target*="blank"])::before{
  content: url('data:image/png;base64, ... ') !important;
}

結果。

<a href="aaa">targetなし</a>
アイコンなし
<a href="aaa" target="_blank">_blank</a>
アイコンなし
<a href="aaa" target="blank">blank</a>
アイコンなし
<a href="aaa" target="aaa">aaa</a>
アイコンあり

素晴らしい。

何故こんなことを書いたかと言うと…

恥ずかしながら、はじめは以下のように書いてたわけで。

[target][href]:not([target="_blank"])::before,
[target][href]:not([target="blank"])::before{
  content: url('data:image/png;base64, ... ') !important;
}

つまり、_blankではないtarget属性「または」blankではないtarget属性を持つリンクに当てはまる。

<a href="aaa">targetなし</a>
アイコンなし
<a href="aaa" target="_blank">_blank</a>
アイコンあり
<a href="aaa" target="blank">blank</a>
アイコンあり
<a href="aaa" target="aaa">aaa</a>
アイコンあり

これを見て、アレ!?Operaって:not()対応してなかったっけ!?そんなハズはない…。じゃあ、[target]に:not([target])っておんなじのをやってるのがダメなのか!?…なんて。はい、時間浪費w

気になったこと

[target][href]:not([target="_blank"]「または」[target="blank"])::before

と、:not()の中で「または」を表すことってできないのかなー。あるいは、

[target][href]:not([target="_blank"])::before「かつ」
[target][href]:not([target="blank"])::before

と、「かつ」で繋げることってできないのかなー。

_selfと_parent以外のtarget属性が付いたリンクにアイコンを付けたい…なんてときにはどうしようもないからねぇ(そんなことやりたいかは別として)。

気付いてしまった…

とここまで書いて

[target][href]:not([target="_blank"]:not([target="blank"])::before[target][href]:not([target="_self"]:not([target="_parent"])::before

でいけることに気付いた。くそぅ。





できない→できない→妥協→できないものみたいだ→実はできる→鬱へのコメントを書く

コメント : 0件

できない→できない→妥協→できないものみたいだ→実はできる→鬱への言及をする

埋め込みリンクタグ
<a target="_blank" href="http://f-u.seesaa.net/article/106843390.html">できない→できない→妥協→できないものみたいだ→実はできる→鬱 : full of universe</a>

トラックバック : 0件

プロフィール

sima

ガジェット大好き。おもしろアイテム大好き。いろいろとまぁ物欲を刺激するモノが多いけど、なかなか手に入れることができないでいる。いつかは自分の部屋を、自分が気に入ったモノだけで埋め尽くしたいものだなぁ。…あっ、これ将来の夢ね。

Twitter はフォロー大歓迎なのでよろしく。よく蚊と戦ってるよ。

最新記事

  1. OpeTumblr の Opera Extensions (拡張機能) 版を密かに公開 (05月25日)
  2. シカ成分を補充したら幸せになった (04月24日)
  3. ブログを(内部的にガッツリと)リニューアルしてみた (12月10日)
  4. 補完モードを開始するマッピングを書く (10月25日)
  5. アボカドを育ててみた…かった (07月23日)
  6. 正規表現クロスワードを完全クリアしてみた (07月19日)
  7. Gmail バックアップソフトの Gmvault が動かないときの解決法 (07月14日)
  8. Google アカウントが消える前に! Gmail フルバックアップのススメ (06月30日)
  9. 厳選して使っているポイントサイト2つ (03月27日)
  10. Tumblr で画像を Lightbox 表示!(しかも何も導入せずに) (03月21日)

カテゴリ

アーカイブ

コメント

Gmail バックアップソフトの Gmvault が動かないときの解決法
dsfds (03月31日)
OpeTumblr の Opera Extensions (拡張機能) 版を密かに公開
sima (06月26日)
you (11月30日)
you (11月30日)
sima (10月28日)
HTML ソースの改行を半角スペースにしない方法
ok (06月21日)
sima (05月28日)
edvakf (05月28日)
英数字・記号を並べてみる
ふぁ (11月25日)
コメハチ (11月02日)
OperaでもっとTumblrる!(OpeTumblrをまたまた改良)
you (05月09日)
sima (05月07日)
you (05月04日)
chikuwa (12月12日)

トラックバック

20代で知っておくべき週番号のこと
full of universe (05月16日)
UKTenkiを自動巡回させてみる(MortScript)
なんとなくすばらしい日々の戯れ言 (01月31日)
新着メールを一気に開くMortScriptを改良!
PDAと私生活 (11月07日)
PDAと私生活 (11月02日)
コイツはすごい!Windows Live Writerでブログ投稿をラクラクに
シーサーイーサー (10月31日)
Willcom03で新着メールを一気に開く!(MortScript)
PDAと私生活 (10月10日)

のカレンダー