Can we target child classes from parent ?

[Oumeir-Rengony]

Below is an example. I need to target .name from the .cta. But its not working.
I've been using styled-components and this works fine. Any idea if its possible??

export const App = () => {
  return (
    <Link className="cta">
        <span className="name">Hello Panda</span>
    </Link>
  );
};

const Link = styled.a`
  color: violet;

  .name {
    font-size: 34px;
  }
`;

[segunadebayo]

Please use the nested selector

const Link = styled.a`
  color: violet;

  & .name {
    font-size: 34px;
  }
`;