tailwindcss でチェックボックスと連動させる チェックボックスやラジオボタンのチェック状態（疑似セレクタ:check)と連動させることができる。 .peer/{$name}:checked ~ .peer-checked/{$name}:{$tailwindcss-class} tailwindcss で「実数とネガティブ」（…

CSSには「文字列」にマッチさせる方法がない。 CSS では、textContent にいい感じにマッチさせる方法がない。 xpath ならできる xpath ならできるんですよね。「おすすめ」というリンク文字列を持つdiv を選ぶ //div[class='xxx'][ .//a[ contains(. , 'おす…

ツイッターのおすすめユーザがうざい。 もうね、３年近く同じユーザがレコメンドされてるのよ。リアルの職場の知り合いだから絶対フォローを押したくないの。ずっと出てくるの。 ツイッター「フォロー押すまで、帰らない」って居座り続けるんですよ。ええ私…

CSSのセレクタ順位を使えば上書きできる /*くっそやりやがった・・・*/ #header_navi{ positon: fixed !important; } でも大丈夫かんたんに上書きできる body div#wrapper div#header_navi{ positon: inherit !important; } とかやれば、単純に上書きできる…

iframeにはzoom属性があって、zoom属性を使ってサイトをサムネイルのように埋め込むことができた。IEがサポートしていたはずだけれどいまはどうなったのか。と思って調べてみたら、html5のtransformで実現可能なことがわかった。 スタイルだけで実現するサム…

ユーザースタイルシートを使って広告を消す方法。 ちょっとまえのユーザースタイルシートによるアドブロックの続き すっかり忘れてたimportant属性 広告消しには、以下のどれかの手段で殆どの場合はうまく行く。 display absolute+position -100px, visibili…

visibility / display の使い分けたまに間違って説明している人とか、テーブル行がウマく消えずに苦しんでる人を見かけるので、説明しようとするのだけど、いつも忘れているのでちゃんとまとめておく。 CSS属性 効果 display:none エレメントが表示エリアか…