2024-09-13 17:01:57 MTMyZDcwA(4)
>>13
@layer componentsを2つにわけているのは何故？
2つ目のレイヤーではメディアクエリを使っているので、分ける必要はないのでは？
2024-09-13 17:06:16 MTMyZDcwA(4)
スマホで見ただけだから、細かく指定できないけど
keyframesの構文で使ってる1行css
1行cssでもセミコロンは書いたがいいと思う
うまく言葉にできんけど
習慣みたいなもんかな
2024-09-13 17:08:57 MTMyZDcwA(4)
a,
a:visited,
a:active {
color: ccc;
}
としたほうがスッキリすると思う
2024-09-13 23:42:23 YWRhN2RmA(4)
@layer、比較的新しめで使ったことないから自信ないけど
いっそ@layerの記述消しちゃえば？
調べた感じデフォルトの
body{background:#fff;}が効いてるような気がしなくもない
それか、bodyのbackground-colorに!importantつける？
パソコンで確認したい気もする
2024-09-13 23:55:51 YWRhN2RmA(4)
caniuseで確認した感じ化石だと使えないのかも
caniuse.com
2024-09-14 10:04:53 banana(7)
>>15
確かに @layer components を二つに分ける必要はないね
>>16
記述ミス修正
>>17
color: ccc;で統一している場合はその記述でいいとおもうけど違うパターンも出てくるのでそれは出来ない
a {
color: #cccccc;
&:visited {
color: #cccccc;
}
&:active {
color: #cccccc;
}
}
にした
>>19
body {
margin: 0;
background-color: #013d21;
color: #cccccc;
font-size: 16px;
}
デフォルトで#013d21だゾ
それともブラウザのデフォルトを言っているのか
掲示板の仕様として、管理画面から追加のCSSを追記でき、それを優先的に適用したいのですべてに !important を付けるよりも、@layer や @base を使用して上書きできるようにした方が良いと思ってる
2024-09-14 14:40:28 MzU3NDVmA(4)
a要素に関しては「color」を3回書くより、「,」を2回書くほうがスッキリするよね？
違うかな？
違うパターンがあるなら、そのためのクラスを作成するのがcssじゃないのかな？
2024-09-14 14:45:04 MzU3NDVmA(4)
ブラウザのデフォルトのことを言ってる
そして、化石端末だとlayer要素は使えないと言ってる
caniuseのリンクも貼ってる
あと、!importantは使わなくていい
緑背景のためにと思ったが、不要な言葉だった
忘れてくれ
2024-09-14 14:55:10 MzU3NDVmA(4)
管理画面からのcssを優先させたいなら、
HTML上の
<link rel="stylesheet" href="vip.nieru.net
の記載するようにしたらいいよ
再レンダリングされるはずだから
2024-09-14 14:57:13 MzU3NDVmA(4)
誤字（）
<link rel="stylesheet" href="vip.nieru.net
の「下に」記載するようにしたらいいよ
2024-09-14 15:25:49 banana(7)
マジレスするとstyle.cssの中身はPHPで動的に動いていて
body {
letter-spacing: 2px;
}
の部分は管理画面のcssになってる
明日中にレイヤー消すから待ってな
添付:📷画像(105.53 KB)
[🗿1][🌵0][ｼｺ数:0][編集]
2024-09-15 21:06:22 MmQwZmVkA(1)
すごい！ありがとう
添付:📷画像(135.84 KB)
[🗿0][🌵0][ｼｺ数:0][編集]