Skip to content

SFC スタイルの機能 の文章表現を修正 #638

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Dec 23, 2022
Merged

SFC スタイルの機能 の文章表現を修正 #638

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
5b8108c
意味が正しくなるように助詞を修正
am-ma Dec 23, 2022
fec34fa
わかりにくい言い回しを修正
am-ma Dec 23, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions src/api/sfc-style.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,7 @@ sidebarDepth: 1

### 子コンポーネントのルート要素

`scoped` を使うと、親コンポーネントのスタイルは子コンポーネントに漏れません。しかし、子コンポーネントのルートノードは、親スコープの CSS と子スコープの CSS の両方が影響を受けます。これは親コンポーネントがレイアウトの目的で子コンポーネントのルート要素をスタイルできるようにするという設計のためです。
`scoped` を使うと、親コンポーネントのスタイルは子コンポーネントに漏れません。しかし、子コンポーネントのルートノードは、親スコープの CSS と子スコープの CSS の両方の影響を受けます。これは親コンポーネントがレイアウトの目的で子コンポーネントのルート要素をスタイルできるようにするという設計のためです。

### ディープセレクタ

Expand Down Expand Up @@ -64,7 +64,7 @@ sidebarDepth: 1

### スロットセレクタ

デフォルトでスコープ付きスタイルは、親コンポーネントが所有しているコンテンツとみなして、`<slot/>` でレンダリングされたコンテンツに影響を与えません。スロットのコンテンツを明示的に対象にするには、`:slotted` 擬似クラスを使用できます:
デフォルトでは、スコープ付きスタイルは親コンポーネントが所有するコンテンツとみなされ、`<slot/>`でレンダリングされるコンテンツに影響を与えません。スロットのコンテンツを明示的に対象にするには、`:slotted` 擬似クラスを使用できます:

```vue
<style scoped>
Expand Down