From 568875faafb595c75bce899b0b507c62e94ebee6 Mon Sep 17 00:00:00 2001 From: Tomoya MURATA <171334196+gobo-cello@users.noreply.github.com> Date: Sat, 16 May 2026 15:44:49 +0900 Subject: [PATCH] =?UTF-8?q?fix:=20=E8=8B=B1=E8=AA=9E=E5=8E=9F=E6=96=87?= =?UTF-8?q?=E3=81=8C=E5=90=8C=E4=B8=80=E3=81=A7=E3=81=82=E3=82=8B=E7=AE=87?= =?UTF-8?q?=E6=89=80=E3=81=AB=E3=81=A4=E3=81=84=E3=81=A6=E3=80=81=E6=97=A5?= =?UTF-8?q?=E6=9C=AC=E8=AA=9E=E7=BF=BB=E8=A8=B3=E3=82=92=E7=B5=B1=E4=B8=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/content/learn/index.md | 6 +++--- src/content/reference/react-dom/components/common.md | 6 +++--- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/src/content/learn/index.md b/src/content/learn/index.md index 6c3cb76f7..187fb8f4b 100644 --- a/src/content/learn/index.md +++ b/src/content/learn/index.md @@ -96,13 +96,13 @@ JSX に変換しないといけない HTML がたくさんある場合は、[オ ## スタイルの追加 {/*adding-styles*/} -React では、CSS クラスを `className` で指定します。HTML の [`class`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class) 属性と同じ方法で動作します。 +React では、CSS クラスを `className` で指定します。HTML の [`class`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class) 属性と同じように動作します。 ```js ``` -そして、別の CSS ファイルに対応する CSS ルールを記述します： +そして、対応する CSS ルールを別の CSS ファイルに記述します： ```css /* In your CSS */ @@ -111,7 +111,7 @@ React では、CSS クラスを `className` で指定します。HTML の [`clas } ``` -React には CSS ファイルの追加方法に関する規則はありません。最も単純なケースでは、HTML に [``](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link) タグを追加します。ビルドツールやフレームワークを使っている場合は、そちらのドキュメントを参照して、プロジェクトに CSS ファイルを追加する方法を確認してください。 +React は CSS ファイルの追加方法を規定していません。最も単純なケースでは、HTML に [``](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link) タグを追加します。ビルドツールやフレームワークを使っている場合は、そのドキュメントを参照して、プロジェクトに CSS ファイルを追加する方法を確認してください。 ## データの表示 {/*displaying-data*/} diff --git a/src/content/reference/react-dom/components/common.md b/src/content/reference/react-dom/components/common.md index a750f203f..c81531824 100644 --- a/src/content/reference/react-dom/components/common.md +++ b/src/content/reference/react-dom/components/common.md @@ -756,13 +756,13 @@ CSS トランジションイベントのためのイベントハンドラタイ ### CSS スタイルの適用 {/*applying-css-styles*/} -React では、CSS クラスを [`className`](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) で指定します。これは HTML の `class` 属性と同様に動作します。 +React では、CSS クラスを [`className`](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) で指定します。これは HTML の `class` 属性と同じように動作します。 ```js ``` -そして別の CSS ファイルでそれに対する CSS ルールを記述します。 +そして、対応する CSS ルールを別の CSS ファイルに記述します： ```css /* In your CSS */ @@ -771,7 +771,7 @@ React では、CSS クラスを [`className`](https://developer.mozilla.org/en-U } ``` -React は CSS ファイルの追加方法を規定しません。最も単純なケースでは、HTML に [``](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link) タグを追加します。ビルドツールやフレームワークを使用している場合は、そのドキュメンテーションを参照して、プロジェクトに CSS ファイルを追加する方法を学んでください。 +React は CSS ファイルの追加方法を規定していません。最も単純なケースでは、HTML に [``](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link) タグを追加します。ビルドツールやフレームワークを使っている場合は、そのドキュメントを参照して、プロジェクトに CSS ファイルを追加する方法を確認してください。 時には、スタイルの値がデータに依存することがあります。`style` 属性を使用して、一部のスタイルを動的に渡します。