File tree Expand file tree Collapse file tree 1 file changed +4
-10
lines changed Expand file tree Collapse file tree 1 file changed +4
-10
lines changed Original file line number Diff line number Diff line change @@ -63,11 +63,9 @@ Water.cssやAlmond.cssと同じく `:root` 擬似クラスに変数が定義さ
6363
6464### sakuraと比較して、多くの要素にスタイルが適用されている
6565
66- 同じく軽量なライブラリであるsakuraと比較すると、new.cssのほうがスタイル適用されている要素は多いです 。new.cssは56個の要素に対してスタイルが適用されているのに対して、sakuraは33個の要素に絞られています 。
66+ 「南の星 ~sakura~」の章で書きましたが、HTMLの要素は過去に存在したが今は非推奨となった要素を除くと、2024年10月時点で114個の要素が存在します 。new.cssはそのうち56個の要素に対してスタイルが適用されています 。
6767
68- 「南の星 ~sakura~」の章で書きましたが、HTMLの要素は、過去に存在したが今は非推奨となった要素を除くと、2024年10月時点で114個の要素が存在します。
69-
70- なのでnew.cssは約半分の要素に対してスタイル適用がされていることになります。
68+ 同じく軽量なライブラリであるsakuraと比較すると、sakuraは33個の要素に絞られているため、new.cssのほうがより多くの要素にスタイルが適用されます。
7169
7270### 背景色と前景色のコントラスト比がもっとも高い
7371
@@ -83,20 +81,16 @@ new.cssは背景色に `#ffffff` と前景色に `#000000` が適用されてい
8381
8482### ` dt ` 要素が太字になっている
8583
86- 唯一 ` dt ` 要素に ` font-weight: 700; ` が指定されています。既定の状態だと ` dd ` 要素には ` margin-inline-start ` が適用されているので ` dt ` 要素と ` dd ` 要素で文字の太さを変更する必要はないですが、後述する ` dd ` 要素に対して ` ::before ` 疑似要素を使って右矢印を表示するようにしている関係上、` dd ` 要素と区別する意味で太字にしているかもしれません。
84+ 唯一 ` dt ` 要素に ` font-weight: 700; ` が指定されています。既定の状態だと ` dd ` 要素には ` margin-inline-start ` が適用されているので ` dt ` 要素と ` dd ` 要素で文字の太さを変更する必要はないですが、後述する ` dd ` 要素に対して ` ::before ` 疑似要素を使って右矢印を表示するようにしている関係上、` dd ` 要素と区別する意味で太字にしているかもしれません。ただ、好みが分かれそうなスタイル定義です。
8785
8886![ 太字になっているdt要素] ( ./images/north/dt_dd.png )
8987
90- ただ ` dd ` 要素のスタイル定義と合わせて、好みが分かれそうなスタイル定義です。
91-
9288### ` dd ` 要素の ` ::before ` 疑似要素の ` content ` プロパティの値に右矢印が定義されている
9389
94- 前述の ` dt ` 要素に続いて ` dd ` 要素も他にはない独自のスタイル定義として、` ::before ` 疑似要素の ` content ` プロパティの値に右矢印が定義されています。
90+ 前述の ` dt ` 要素に続いて ` dd ` 要素も他にはない独自のスタイル定義として、` ::before ` 疑似要素の ` content ` プロパティの値に右矢印が定義されています。個人的にはこういう表現もありだとは思いますが、これもまた好みが分かれそうなスタイル定義です。
9591
9692![ dd要素の始めに右矢印が表示されている] ( ./images/north/dt_dd.png )
9793
98- 個人的にはこういう表現もありだとは思いますが、こちらもまた好みが分かれそうなスタイル定義です。
99-
10094### ` fieldset ` 要素の ` padding ` が広い
10195
10296他のライブラリと比較して、` fieldset ` 要素に対して適用されている ` padding ` が広めとなっています。
You can’t perform that action at this time.
0 commit comments