I have a scenario where I have a parent component containing nested components with various HTML elements. The challenge is to ensure that CSS styles defined in the parent component are applied to the nested components as well.
For instance, within the parent component's CSS:
/* Parent component CSS */
button {
color: red;
}
However, despite this styling, the button element in the child component does not appear red as intended.
The way I am connecting these components is through the following setup:
<!-- Parent Component HTML -->
<div>
<nested-component></nested-component>
</div>