Courses
Tutorials
- DSA
- Data Structures
- Algorithms
- Interview Corner
- Languages
  - C
  - C++
  - Java
  - Python
  - JavaScript
  - PHP
  - C#
  - SQL
  - Scala
  - Perl
  - Go Language
  - Kotlin
- Web Development
  - HTML
  - CSS
  - JavaScript
  - PHP
  - CSS Frameworks
  - JavaScript Frameworks
  - JavaScript Libraries
  - WordPress
  - JSON
- ML & Data Science
  - Machine Learning
  - Data Science
- CS Subjects
- GATE
- Software Designs
  - Software Design Patterns
  - System Design Tutorial
- GFG Sheets
  - Web Dev Cheat Sheets
  - Company-Wise SDE Sheets
  - DSA Sheets
- School Learning
  - School Programming
  - Mathematics
  - Maths Notes (Class 8-12)
  - NCERT Solutions
  - RD Sharma Solutions
  - Physics Notes (Class 8-11)
  - Chemistry Notes
  - Business Studies (Class 11th)
  - Business Studies (Class 12th)
  - Accountancy (Class 12th)
- CS Exams/PSUs
  - ISRO
  - UGC NET
- Student
- UPSC
- SSC CGL
- Banking Exams
Jobs
- Apply for Jobs
- Post a Job
  - Hire with Us
  - Know about Jobathon
- Jobathon
Practice
Contests

CSS | :link Selector

Last Updated : 23 Aug, 2022

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>
<head>
    <style>
        a:link {
            background-color: limegreen;
        }
    </style>
</head>
<body>
    <h3>Unvisited links.</h3>
    <a href="https://ide.geeksforgeeks.org/">Geeks for Geeks</a>
</body>
</html>