HTML/CSS のどんな質問にも優しく答えるｽﾚ 52 (860ﾚｽ)
上下前次1-新
703(1): 10/29(火)02:13 ID:??? AAS
>>694
解決したら情報を共有してもらえるとありがたいっす
704(1): 10/29(火)03:01 ID:??? AAS
CSSはUA CSSが異なればデザインやレイアウトも変わる仕様なので、ある程度は仕方ない。
その問題ならリセットで解決する。
jsにしても仕様に書かれてない部分は実装依存なのだから、仕様外の部分に共通性を求めているならそれは間違い。
勿論、仕様通りに実装されてないならバグ。
けど、文章読む限り、仕様と実装を区別できてるのかなと思った。
705: 10/29(火)05:41 ID:??? AAS
>>701
> たかだか見た目の描画に差があるのが問題
たかが見た目されど見た目
706: 10/29(火)07:46 ID:??? AAS
place-contet:centerでsafariだけ中央にならないとかgrid系はバグだらけ
707: 10/29(火)07:56 ID:??? AAS
>>704
リセットなんかしてるに決まってるやろ
708(1): 10/29(火)13:17 ID:??? AAS
>>703
原因はわかったので共有します 2点あります
1.
子要素を中央にする際に、子要素のtemplateにfit-contentを使うと
Firefoxでは中央合わせにならない
→解決策はfit-contentを使わない
2.
subgridを使う場合、子要素にimgが一番先の場合は
Firefoxではレイアウトが崩れる（画像下に謎のスペースができる）
→解決策はfigureで囲う
省2
709: 10/29(火)16:19 ID:??? AAS
生成AIでベースになるhtml、javascript書かせた場合
javascriptってGPLとか著作権ってないの？
710: 10/29(火)16:28 ID:??? AAS
有ったり無かったりというか
javascriptに限らず、AIで出力されたコードの元になってるトレーニングデータの
ライセンス条件を確認する必要があるので、特に仕事で使うには注意が必要
711: 10/29(火)16:30 ID:??? AAS
> 元になってるトレーニングデータのライセンス条件を確認
じゃなくて「トレーニングデータの出所にライセンス条件を確認」だな
712: 10/29(火)20:44 ID:??? AAS
>>708
ありがとー！
713: 10/30(水)23:00 ID:CqzsUK2m(1/2) AAS
nth-of-typeについて、最近(n+3)などの指定記述を覚え重宝しています
ついでにこれらで偶数奇数関係なく、2と3と7を指定みたいな記述方法は存在しないのでしょうか
(/|/)の様な正規表現と同様の使い方です
よろしくお願いいたしますm(vv)m
714: 10/30(水)23:12 ID:??? AAS
何個飛びとか法則性が無いんだったらカンマ区切りでセレクタ複数書くのと変わらない
715(1): 10/30(水)23:14 ID:??? AAS
ランダムに何回も出てくるんならクラス名付けたほうがよくない
716(1): 10/30(水)23:25 ID:CqzsUK2m(2/2) AAS
:nth-of-type(2,3,7)ということでしょうか？
:has-text()に通用する記述なども試したのですが、全部エラーなんですよね・・・
やけくそで↓も試せど、こういうのはエラーにならない反面、当然のようにサイトへも反映されず
:nth-of-type(2):nth-of-type(3):nth-of-type(7)
a:nth-of-type(2)
a:nth-of-type(3)
a:nth-of-type(7)
のような縦書きコードを圧縮したいのですm(vv)m
717: 10/30(水)23:51 ID:OdRbtHRj(1) AAS
みんなのコメントからたいへん勉強になった。CSSはAPIテストとは直接関係ないが、EchoAPIとフロントエンドのシームレスな動作により、スタイルをより統合することができると聞いて。おすすめ！
718: 10/31(木)00:41 ID:??? AAS
>>716
その縦書きをカンマで区切るって意味だよ
そもそも法則性がないなら順番で指定しようとするのが間違い
要素の増減や順番の変更に対応できないクソコードが生まれるだけ
>>715の言うとおり目的から考えたらclassをつけるのが正攻法
719: 10/31(木)01:38 ID:snkqWTnV(1/4) AAS
例えば
##.btn-category-list.category-list>li:nth-of-type(2)
##.btn-category-list.category-list>li:nth-of-type(3)
##.btn-category-list.category-list>li:nth-of-type(7)
をまとめるとき、これを一行で表記するにはどのような記述例があるのでしょうか
liはclass無しですm(vv)m
720: 10/31(木)01:43 ID:snkqWTnV(2/4) AAS
それと
##.btn-category-list.category-list>li:nth-of-type(2), .btn-category-list.category-list>li:nth-of-type(3)
は可能ですが、まさかこれのことを仰っているのでしょうか？
こちらは記述領域の圧縮効果に乏しく、採用し兼ねます^^;
沢山のアドバイス有難うございますm(vv)m
721: 10/31(木)02:10 ID:??? AAS
class1つしか与えられないとか思ってそう
722: 10/31(木)02:15 ID:??? AAS
つまんない釣り
上下前次1-新書関写板覧索設栞歴
あと 138 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.007s