What is the function and writing order of the a tag pseudo class

The role of the a tag pseudo-class:

":link": the state of a tag that has not been visited;

":visited": the state that a tag has been visited;

":hover": the state when the mouse is hovering over the a tag;

":active": the state of a tag when it is pressed by the mouse;

When writing styles, why do you write them in this order:

In fact, the essence is still "styles with equal priority, the ones written later will cover the ones in front". The pseudo-class of the a tag is just a combination of different action sequences. The triggering order of the actions determines that the order of the pseudo-classes must be written according to lvha.

Let's briefly talk about these four pseudo-classes:

Because the first two states are normal, and the last two are immediate. When the immediate state is triggered, it will override the normal state, so the two immediate states should be placed at the end.

Because under normal circumstances: if the a tag has been visited, it should be displayed as visited, so visited should be placed after link;

Because when the mouse is pressed, it is accompanied by the hovering a label, so if you want active to cover hover, you must put active at the end;

Sequential memory techniques:

LV package

<<: Implementing a table scrolling carousel effect through CSS animation

>>: JavaScript Document Object Model DOM

Recommended tips for web front-end engineers

What is the function and writing order of the a tag pseudo class

Recommended tips for web front-end engineers

The difference and advantages and disadvantages of Mysql primary key UUID and auto-increment primary key

An example of how to implement an adaptive square using CSS

Solution to Navicat Premier remote connection to MySQL error 10038

Negative margin function introduction and usage summary

Full analysis of Vue diff algorithm

The Chinese garbled characters in HTML files and the display problems in browsers

Creating a Secondary Menu Using JavaScript

Table paging function implemented by Vue2.0+ElementUI+PageHelper

Div picture marquee seamless connection implementation code

Recommend

JavaScript function detailed introduction

How to query the minimum available id value in the Mysql table

Solve the problem of Navicat for Mysql connection error 1251 (connection failed)

An example of the difference between the id and name attributes in input

Detailed explanation of homology and cross-domain required for front-end interviews

Linux operation and maintenance basic swap partition and lvm management tutorial

Detailed explanation of several storage methods of docker containers

CSS uses the placeholder-shown pseudo-class to achieve the floating text effect of the input box

Self-study of MySql built-in functions knowledge points summary

sql script function to write postgresql database to implement parsing

How to build Apr module for tomcat performance optimization

Vue monitoring properties and calculated properties

Detailed explanation of the initial use of Promise in JavaScript asynchronous programming

How to implement Hover drop-down menu with CSS

How to implement batch deletion of large amounts of data in MySQL large tables