[過去ﾛｸﾞ] HTML/CSS のどんな質問にも優しく答えるｽﾚ 52 (1002ﾚｽ)
上下前次1-新
このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索 歴削→次ｽﾚ 栞削→次ｽﾚ 過去ﾛｸﾞﾒﾆｭｰ
648(1): 2024/08/01(木)16:15 ID:??? AAS
古いブラウザだと使えないからじゃないかな
iOSが一つ前(iOS16)のSafariだとネストはダメみたいだし
もしくはscssで書き出してるから
649: 2024/08/01(木)16:22 ID:??? AAS
現場だとクライアントやユーザーがどんな訳わからんブラウザでみてるかわからないから最新のプロパティや構文はまだまだ使いづらい
ある一つのためだけにフォールバックやポリフィル入れるくらいなら従来の書き方でいいとなる
IEがあった時よりマシだが
650: 2024/08/01(木)16:59 ID:??? AAS
CSSネストはまともに使えるようになってまだ1年もたってないからねぇ
651: 2024/08/02(金)00:49 ID:??? AAS
わ即レスくれてたんだ、ありがとうお三方
対応ブラウザかーそうだよね普通はそういうの考えなきゃだから大変だよね
うちは自分しか見ないからそれ自体に問題がある訳じゃないならどんどん使っちゃおう
652(1): 2024/08/03(土)10:03 ID:O9m0mgyg(1/5) AAS
今まで:has-text(AAA)を一言ずつ記述しNGワード扱いとしてきましたが、これらを可能な限り一行へまとめることはできないでしょうか
:has()には:has(AAA, BBB, CCC)という手段があったものの:has-text()では適用されず
##[class*="XXX"]:has-text(AAA)の縦列→##[class*="XXX"]:has-text(AAA, BBB, CCC)的な感じでまとめたいです
よろしくお願いいたします
653: 2024/08/03(土)12:37 ID:??? AAS
>>652
:has-textはcssではなく広告ブロック独自の物
カンマ区切りができない代わりに正規表現は使えます
654(1): 2024/08/03(土)12:59 ID:O9m0mgyg(2/5) AAS
>>広告ブロック独自
そうでしたか、長年の疑問を補えました
##[class*="XXX"]:has-text(AAA+BBB+CCC)で上手くいきそうです
有難うございました
655(1): 654 2024/08/03(土)13:02 ID:O9m0mgyg(3/5) AAS
AAA+BBB+CCCでは上手くいきませんでしたorz
656(1): 2024/08/03(土)13:16 ID:??? AAS
>>655
/AAA|BBB|CCC/
あとは広告ブロックスレでどうぞ
657(1): 2024/08/03(土)13:19 ID:O9m0mgyg(4/5) AAS
うおおおおおおお
正規表現という用語をヒントに検索しまくったら色々出てきよったｗｗｗ
:has-text(/(AAA|BBB)/)で奇跡の到来！！！！いやー頑張ったわー
658(1): 2024/08/03(土)13:23 ID:O9m0mgyg(5/5) AAS
>>656
自己解決してしまいましたが、ヒントになる助言を有難うございました
似ているそちらのコードの方が簡略化出来そうなので試したいと思います
また、広告系のスレはスクリプトで全滅＆こちらの住人達より質が劣っているようでして^^;
ですが「cssではなく広告ブロック独自の物」であるなら仰る通りでしょうね・・・残念です
659(1): 2024/08/03(土)15:54 ID:??? AAS
劣っていると他人を見下してるが
ここと同じ様に関係ないスレで関係ない質問して放置されてるだけな気がする
正規表現だと教えてもらってなお正規表現スレに行こうとしないし
660: 2024/08/03(土)17:36 ID:??? AAS
^^;
661: 2024/08/03(土)17:37 ID:??? AAS
>>659
教えて君に構っちゃダメ
662: 2024/08/19(月)08:39 ID:??? AAS
>>657-658
この賢者タイムのチー牛おもしろいなw
663: 2024/09/21(土)12:45 ID:FxuRYvLJ(1) AAS
<ul style="display:flex;width:80%;list-style:none;margin:0px;padding:0px">
<li><img scr="test1.png"></li>
<li>aaa</li>
<li><img src="test2.png"></li>
</ul>
aaaの部分のli幅をul全体の幅からtest1画像幅とtest2画像幅を引いた幅にしたいんだけど
どのようにすればできますか？
画像の幅はウインド幅によって変わるものとします。
664(1): 2024/09/21(土)13:19 ID:??? AAS
aaaのliにwidth:100%を指定すればええんちゃう
外部ﾘﾝｸ:jsfiddle.net
665(1): 2024/09/21(土)14:46 ID:??? AAS
aaaにflex-grow: 1;じゃだめ？
666: 2024/09/21(土)15:32 ID:uPxFE6ix(1) AAS
>>664>>665
どちらでもできました
ありがとうございます
667(1): 2024/09/29(日)11:18 ID:tpRsXLlu(1) AAS
JavaScriptを使用してインラインフレーム(iframe)内のコンテンツを切り替え
外部ﾘﾝｸ:detail.chiebukuro.yahoo.co.jp
↑こういうiframe内の情報をタブでhtml切り替えたい場合
<input type="button" onClick="changeFramePage('test1.html');" value="test1">
<input type="button" onClick="changeFramePage('test2.html');" value="test2">
この部分のtest1とtest2を外部htmlを読み込むんじゃなく
index.html自体に記述されたhtmlタグを読み込ませるにはどうやんの？
index.html
test1.html
test2.html
省1
上下前次1-新書関写板覧索設栞歴
あと 335 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.009s