HTML/CSS のどんな質問にも優しく答えるｽﾚ 52 (986ﾚｽ)
上下前次1-新
227: 2023/10/16(月)15:28 ID:??? AAS
:hasみたいなのあればいいな（jsのcladdList.containsみたいなことやりたいな）としょっちゅう思ってたはずなのに
実の所 :not と :isで事足りているのはある
228(1): 2023/10/16(月)18:42 ID:UcrE7pLb(1) AAS
皆さんでしたら、一つのタグ内である特定の文字列だけを色変更する場合、どのように記述しますか？
例えば
〜.com##.style_td:has-text(ビーム):style(color:#00ccff!important;)
とすると、そのサイトのclass値がstyle_tdのタグ内でビームという文字列を含んだ場合、現状ではタグ内にあるビーム以外の文字列も全部#00ccffカラーへ置き換えられます
「ビームという文字列が含まれたstyle_td」が:style()の対象にされるため、です
それを、ビームの部分だけ#00ccffカラーに変更したい
229: 2023/10/16(月)20:04 ID:??? AAS
だからそれcssじゃねーだろ
失せろ
230: 2023/10/16(月)21:02 ID:??? AAS
いつものスレチｸｿに構うな
231: 2023/10/16(月)23:05 ID:??? AAS
displayつながりならよくね？
結局パフォーマンス問題でレンダリングさせるさせないに行き着くわけだし
232: 2023/10/17(火)00:40 ID:??? AAS
NGしてて見えないのかもしれないが、>>223,228みたいなのはAdBlockスレでやる話やね
Web制作でのCSSの話じゃないし
233(1): 2023/10/22(日)14:26 ID:??? AAS
borderのdashedって
破線の長さ、間隔をCSSで設定することはできませんよね？
Figmaが線の「高度な設定」内で破線と間隔指定できるので
なにか対策あるのかと思いまして
234(1): 2023/10/22(日)14:42 ID:??? AAS
border-styleじゃ無理なのでbackground-imageで再現するみたいだよ
235: 2023/10/22(日)14:50 ID:??? AAS
>>234
ありがとうございます！
やっぱりそうなんですね ひと手間かけるんですね 角丸どうしよう
236(2): 2023/10/22(日)14:55 ID:??? AAS
>>233
figmaでできるなら
figmaの開発者モードでどんなCSS吐き出してるか見ればよいのでは
237(2): 2023/10/26(木)15:05 ID:??? AAS
>>236
レスついてたの気がつきませんでした
開発者モードでは
border: 1px dashed var(--Grey, #666);
となっているだけで、破線と間隔指定の記載は見当たらないのです
238(2): 2023/10/26(木)16:59 ID:??? AAS
>>237
CSS Trick – Customized Dashed or Dotted Border
外部ﾘﾝｸ:kovart.github.io
239: 2023/10/26(木)17:11 ID:??? AAS
>>238
わーーー、すごい！！ありがとうございます！！
border imgではなく
background-imageで作るんですね
ブックマークします
240(1): 2023/10/26(木)21:29 ID:??? AAS
SVG使うならダッシュストロークの長さを制御して順に描画するアニメーションも面白いよ
>>236,237
figmaの表示はcanvasにwebGLで描画してるぽいので、そのまま持ち込むのは難しそう
241(2): 2023/10/27(金)22:33 ID:??? AAS
低レベルな質問をさせて下さい
拡張子を.htmlとして作成したファイルを、クロムなどで開くとブラウザ表示されると
思うのですが、タグで囲わず例えば「練習」とだけ書いても見られるんです
これはheadタグやbodyタグ内に「練習」と書いて見るのと
意味的には何が違うのでしょうか？
242(1): 2023/10/27(金)23:54 ID:??? AAS
>>241
ブラウザが補完してbody内のテキストとして扱われてる
そのファイルを開いて開発者ツールで要素の状態見れば納得できると思うよ
243: 241 2023/10/28(土)00:11 ID:??? AAS
>>242
マジですか
目から鱗です
ありがとうございます
244: 2023/10/28(土)13:11 ID:??? AAS
239です
>>238さんに教えていただいたサイトだと丸点線ボーダーが半分削れちゃっていましたが
svgを%指定、svgに点線指定すればインラインSVGをposition:absoluteで配置でレスポンシブ対応で丸点線ボーダーができました！
>>240さんのアニメーションできるってアドバイスも気づきのきっかけになりました 合わせてお礼申し上げます
245: 2023/11/01(水)16:36 ID:??? AAS
そろそろpopover API使ってみよかなって思ったら、これもまだFirefox対応してないのか…
:has()もそうだし、使えないままのプロパティ多いと非対応枠にポイッとされちゃうぞ
246: 2023/11/09(木)19:38 ID:??? AAS
デスクトップ版「Firefox」の開発が「Git」に一本化へ、「Mercurial」を諦める
外部ﾘﾝｸ[html]:forest.watch.impress.co.jp
Mozillaは11月6日（米国時間）、デスクトップ版「Firefox」の開発を「Git」に一本化すると発表した。
上下前次1-新書関写板覧索設栞歴
あと 740 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.012s