Within this component our css is only applied to the div within the card but not to any div in the <header>
(title). Is there a feasible reason or is it just a bug?
(In our real problem we are trying to manipulate the card header but can't access it. Not like demonstrated here, nor with using css classes.)
HTML:
<template>
<lightning-card title="test">
<div>test</div>
</lightning-card>
</template>
CSS:
div {
background-color: green;
}
Feel free to try it yourself, in this playground