mdawar.dev

Web development and Linux system administration.

Styling links that open in a new tab is a nice thing to add, this way the reader will know that a link will open in a new browser tab.

You can target these links using the CSS attribute selector:

1a[target="_blank"] {
2 /* Add your external link styles */
3}

You can also use the ::after pseudo-element to add an arrow, for example:

1a[target="_blank"]::after {
2 content: "↗";
3}

© 2020 All rights reserved

Made with Gatsby and hosted on Netlify