The screenshot below shows the Home view of an app which contains a <Header> element and a <main> element. The Header element is a Vue component which contains a link (One) and a slot. The Home element injects into the slot a RouterLink element (Two) and a third link (Three).
Inside the Home and Header components I experimented to see which anchor elements are affected by the various Vue CSS selectors. For each selector, identify which links are affected.
Click on the image below to enlarge.
