Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- const Link = styled.a`
- display: flex;
- align-items: center;
- padding: 5px 10px;
- background: papayawhip;
- color: palevioletred;
- `;
- const Link2 = styled.a`
- display: flex;
- align-items: center;
- padding: 5px 10px;
- background: steelblue;
- color: white;
- ${Link}:hover & {
- background-color: greenyellow;
- color: black;
- }
- `;
- class Hello extends React.Component{
- render() {
- return(
- <div>
- <Link>Hello World</Link>
- <Link2>Hello Again</Link2>
- </div>
- )
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement