From 5b8108c262b42146d9c48478deca76a324a72955 Mon Sep 17 00:00:00 2001 From: Ayumi Mitsunaga Date: Fri, 23 Dec 2022 11:37:02 +0900 Subject: [PATCH 1/2] =?UTF-8?q?=E6=84=8F=E5=91=B3=E3=81=8C=E6=AD=A3?= =?UTF-8?q?=E3=81=97=E3=81=8F=E3=81=AA=E3=82=8B=E3=82=88=E3=81=86=E3=81=AB?= =?UTF-8?q?=E5=8A=A9=E8=A9=9E=E3=82=92=E4=BF=AE=E6=AD=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/api/sfc-style.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/api/sfc-style.md b/src/api/sfc-style.md index 73f5dbfc..708e346a 100644 --- a/src/api/sfc-style.md +++ b/src/api/sfc-style.md @@ -36,7 +36,7 @@ sidebarDepth: 1 ### 子コンポーネントのルート要素 -`scoped` を使うと、親コンポーネントのスタイルは子コンポーネントに漏れません。しかし、子コンポーネントのルートノードは、親スコープの CSS と子スコープの CSS の両方が影響を受けます。これは親コンポーネントがレイアウトの目的で子コンポーネントのルート要素をスタイルできるようにするという設計のためです。 +`scoped` を使うと、親コンポーネントのスタイルは子コンポーネントに漏れません。しかし、子コンポーネントのルートノードは、親スコープの CSS と子スコープの CSS の両方の影響を受けます。これは親コンポーネントがレイアウトの目的で子コンポーネントのルート要素をスタイルできるようにするという設計のためです。 ### ディープセレクタ From fec34fac9a594eeb7ca08c170d35dcfaea7f0fb5 Mon Sep 17 00:00:00 2001 From: Ayumi Mitsunaga Date: Fri, 23 Dec 2022 11:49:24 +0900 Subject: [PATCH 2/2] =?UTF-8?q?=E3=82=8F=E3=81=8B=E3=82=8A=E3=81=AB?= =?UTF-8?q?=E3=81=8F=E3=81=84=E8=A8=80=E3=81=84=E5=9B=9E=E3=81=97=E3=82=92?= =?UTF-8?q?=E4=BF=AE=E6=AD=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/api/sfc-style.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/api/sfc-style.md b/src/api/sfc-style.md index 708e346a..d17cc136 100644 --- a/src/api/sfc-style.md +++ b/src/api/sfc-style.md @@ -64,7 +64,7 @@ sidebarDepth: 1 ### スロットセレクタ -デフォルトでスコープ付きスタイルは、親コンポーネントが所有しているコンテンツとみなして、`` でレンダリングされたコンテンツに影響を与えません。スロットのコンテンツを明示的に対象にするには、`:slotted` 擬似クラスを使用できます: +デフォルトでは、スコープ付きスタイルは親コンポーネントが所有するコンテンツとみなされ、``でレンダリングされるコンテンツに影響を与えません。スロットのコンテンツを明示的に対象にするには、`:slotted` 擬似クラスを使用できます: ```vue