Vue version

3.3.9

Link to minimal reproduction

https://play.vuejs.org/#eNqNU01v1DAQ/SuWTyB1Y6GeCKEqVD3AARBw9CW1p7tu/SXPZLuo2v/O2GmXsKXAKfPpee9N5l6+y7nbTiB7OaApLpNAoCmf6ehCToXExcZ5K65LCkLLTjW3dmip46DmHq5mhyBkPxKwJ8Rg3bYZbM5PqDmu5sSgFuXsIv3wINCkDJYjnWk9vcMXHQHSq5f3tftqNLfrkqZoe1HAvtFx31DU5jMhT+QMehXG3N1gikyr9emHBGrZixapscaiZ2NDlLFXytjIbRa825YuAqmYgzrnMlWmSC7AyqZwftqddq+ZBtIy3AGG1VVJdwiFH9HyZDFGcXALZVUgWihQ/nfsUdty9FHqyfg6ncXZsyjEssZrtz6SxKSQnYfyOZNL8XdpRu/T3ccWozLBgYvZgLn9Q/wGdzOnLwUasgV/GssaaE5ffvsEO7YPyZDs5B/W8EzyK2DyU8U4l73n9TPsRV1D+6Ft2MX1d7zcEUR8JFWBNjVafdvHxV+o/4LLai9UPPz5T27lH2cgjB8R31bx+AUtH88iHxLtD+dE+w6qXt8zlyL3PwEcED7a

Steps to reproduce

Open the link to access directly

What is expected?

Expect p tag background color to be red

What is actually happening?

Vue 3.3.9

Vue 3.3.8

System Info

No response

Any additional comments?

No response

I think it meets expectations, like this playground. After enabling scoped, it should not affect the style of subcomponents.

I also think this is in line with expectations. In #8929, we have enhanced the :is and :where selectors. Currently, they are only valid within the current component scope, which is more in line with the document's definition of component scope style. https://vuejs.org/api/sfc-css-features.html#child-component-root-elements

use :deep()

https://play.vuejs.org/#eNqNU8lOHDEQ/RXLJ5AYWxGndDqIBHFIDkmU5OhLYxczBm+yq4eJ0Px7ym4YmmE9tWt/71XXLf+SkliPwDveF51tQlYAx3SigvUpZmRnK+sMu8zRM8WFbGatUFyFXk41lE0Ggk9uQCCLsd7YdXvQc2ohJ7+cAr2cpZNZ8J8DVnRMYMgjdKvpDEA66Gw5EAgFPxwe3tYmF4O+XuY4BtOxDOaTCtsGpvY4YfyIT9gXfkjiqsRA7FqdugsUxTvWPNXXyHT0WCGm0kmpTaAyA86uswiAMiQvTylN5jGg9bAw0Z8ei2PxkdgUnLsFFL+4yPGmQKYmih/NxkhyriEvMgQDGfJ7x+6VzUfvhZ6Mr9NJnC2JgqRuuLTLPUl09Mk6yD8T2hgeSzM4F2++Nx/mEXZc9Ar09TP+q7KZOP3K0JDN+OOQl4BT+PzPD9jQexf00Yzubg0vBH9DiW6sGKe0r7R+gj3La2i/tQ3bsPxbzjcIodyTqkCbGi2/7ePsFeoPcEntmYq7A3hyMm9cA9NuKOVzFY86KH5/HWkXaL84Bdq3l/UIXzgYvv0PTYFBAw==