CSSの隣接ノードで、指定したIDの直後の３つまでを指定したい。 #id ~ div:nth-of-type(-n+3) { background-color:black; } <div id="id"></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> 結果 ここから、隣接ノードで自分の直後の３つ（隣接ノードの中の先頭３つ）を選ぼうとしたら #id ~ div:nth-of-type(-n+4)…

css has と同じことをXPATHで 子ノードにformを持つTableを探すことが:hasでできる table:has( form[name='WebMeisai') xpathで:hasを記述とすると document.xpath("//table[.//form[@name='WebMeisai']]") これは過去に〇〇を持つ〇〇要素をXpathで抜くとい…

css で @apply app.css @import "@fortawesome/fontawesome-free/css/all.css"; @import "my.css"; @tailwind base; @tailwind components; @tailwind utilities; my.css @layer utilities { .txt-wrap-all{ @apply text-wrap break-all; } } これ、どういう…

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 エレメントが表示エリアか…