Primer CSS Nested Link Last Updated : 24 Apr, 2022 Comments Improve Suggest changes Like Article Like Report Primer CSS is a free open-source CSS framework that is built upon systems that create the foundation of the basic style elements such as spacing, typography, and color. This systematic method makes sure our patterns are steady and interoperable with every other. Its approach to CSS is influenced by Object-Oriented CSS principles, functional CSS, and BEM architecture. It is highly reusable and flexible. It is created with GitHub’s design system. In this article, we will learn about Primer CSS Nested Links. Primer CSS Nested Links are used only when a part of the link is to be styled. Primer CSS Nested Link class used: Link: This class is used to style only one part of the link. They are nested inside an <a> element on the part which is to be styled. It makes that part appear blue. Syntax: <a class="color-fg-default no-underline" href="#"> ... <span class="Link">...</span> </a> Example 1: Below example demonstrates the use of Primer CSS Nested Link. HTML <!DOCTYPE html> <html> <head> <title>Primer CSS Nested Links</title> <link rel="stylesheet" href= "https://unpkg.com/@primer/[email protected]/dist/primer.css"> </head> <body> <h1 style="color:green">GeeksforGeeks</h1> <h3>Primer CSS Nested Links</h3> <h2> <a class="no-underline" href="#url" style="color: black;"> A nested <span class="Link">Link</span> </a> </h2> </body> </html> Output: Primer CSS Nested Link Example 2: This example shows, that we can also use nested links with heading tags. HTML <!DOCTYPE html> <html> <head> <title>Primer CSS Nested Links</title> <link rel="stylesheet" href= "https://unpkg.com/@primer/[email protected]/dist/primer.css"> </head> <body> <h1 style="color:green">GeeksforGeeks</h1> <h3>Primer CSS Nested Links</h3> <h2> <a class="no-underline" href="#" style="color: black;"> A nested Link<h2 class="Link">GeeksforGeeks</h2> </a> </h2> </body> </html> Output: Primer CSS Nested Link Reference: https://primer.style/css/components/links#nested-link Comment More infoAdvertise with us Next Article Primer CSS Nested Link N nikitamehrotra99 Follow Improve Article Tags : Web Technologies CSS Primer-CSS Primer-CSS Component Similar Reads Primer CSS Muted Link Primer CSS is a free open-source CSS framework that is built upon systems that create the foundation of the basic style elements such as spacing, typography, and color. This systematic method makes sure our patterns are steady and interoperable with every other. Its approach to CSS is influenced by 2 min read Primer CSS Links Primer CSS is a free and open-source CSS framework. It is built upon the systems that create the foundation of the basic style elements such as spacing, typography, and colour. Created with GitHub’s design system, it is highly reusable and flexible.Primer CSS Links are used to decorate links in the 3 min read Primer CSS Marketing Links Primer CSS is a free open-source CSS framework that is built upon systems that create the foundation of the basic style elements such as spacing, typography, and color. This systematic method makes sure our patterns are steady and interoperable with every other. Its approach to CSS is influenced by 2 min read Primer CSS On hover Link Primer CSS is a free open-source CSS framework that is built upon the GitHub design system to provide support to the broad spectrum of Github websites. It creates the foundation of the basic style elements such as spacing, typography, and color. This systematic method makes sure our patterns are ste 2 min read Primer CSS Primary Link Primer CSS is a free open-source CSS framework that is built upon systems that create the foundation of the basic style elements such as spacing, typography, and color. This systematic method makes sure our patterns are steady and interoperable with every other. Its approach to CSS is influenced by 2 min read Primer CSS Marketing Link sizes Primer CSS is a free open-source CSS framework that is built upon systems that create the foundation of the basic style elements such as spacing, typography, and color. This systematic method makes sure our patterns are steady and interoperable with every other. Its approach to CSS is influenced by 2 min read Primer CSS Header-Link Primer CSS is a free open-source CSS framework that is built upon systems that create the foundation of the basic style elements such as spacing, typography, and color. This systematic method makes sure our patterns are steady and interoperable with every other. Its approach to CSS is influenced by 2 min read CSS :link Selector The :link is used to target the unvisited link for styling not the links which is already visited. For styling on visited use ":visited", for styling on click use ":active" and for styling move mouse on link use ":hover".Syntax::link { //property}Example: HTML<!DOCTYPE html> <html> <h 1 min read Primer CSS Header Primer CSS is a free open-source CSS framework that is built upon a GitHub design system to provide support to the broad spectrum of GitHub websites. It creates the foundation of the basic style elements such as spacing, typography, and color. This systematic method makes sure our patterns are stead 3 min read Primer CSS Introduction Primer CSS is a free open-source CSS framework that is built with the GitHub design system to provide support to the broad spectrum of Github websites. It creates the foundation of the basic style elements such as spacing, typography, and color. This systematic method makes sure our patterns are ste 4 min read Like