Use the :focus class to change the color of focused links. Possible values could be any color name in any valid format.ExampleYou can try to run the following code to implement the color of the focused link −                    a:focus {             color: #0000FF          }                     This is demo link    

Use the :active class to change the color of active links. Possible values could be any color name in any valid format. ExampleYou can try to run the following code to implement the color of an active link −                    a:active {             color: #FF00CC          }                     My Link    

The outline-width property is used to set the width of the outline. Its value should be a length or one of the values thin, medium, or thick, just like the border-width attribute.Example                            This text is having thin outline.                            This text is having thick outline.                            This text is having 5x outline.          

Use the :lang pseudo class to specify a language to use in a specified element. This class is useful in documents that must appeal to multiple languages that have different conventions for certain language constructs.ExampleYou can try to run the following code to understand the usage of :lang pseudo class                    /* Two levels of quotes for two languages*/          :lang(en) { quotes: '"' '"' "'" "'"; }          :lang(fr) { quotes: "" ""; }                     ...A quote in a paragraph...    

Use the :first-child pseudo class to add special style to an element that is the first child of some other element.ExampleYou can try to run the following code to understand the usage of :first-child pseudo class −                    div > p:first-child          {             text-indent: 25px;          }                              First paragraph in div. This paragraph will be indented          Second paragraph in div. This paragraph will not be indented                But it will not match the paragraph in this HTML:                Heading          The first paragraph inside the div. This paragraph will not be effected.          

Following are some of the commonly used pseudo-classesValueDescription:linkUse this class to add special style to an unvisited link.:visitedUse this class to add special style to a visited link.:hoverUse this class to add special style to an element when you mouse over it.:activeUse this class to add special style to an active element.:focusUse this class to add special style to an element while the element has focus.:first-childUse this class to add special style to an element that is the first child of some other element.:langUse this class to specify a language to use in a specified element. Read More

The :active pseudo-class is used to add special style to an active element. Possible values could be any color name in any valid format.Example                    a:active {             color: #FF00CC;          }                     Click This Link    

The :hover pseudo class is used to add special style to an element when you mouse over it. Possible values could be any color name in any valid format.Example                    a:hover {             color: #FFCC00          }                     Bring Mouse Here    

The margin property defines the space around an HTML element. It is possible to use negative values to overlap content. It specifies a shorthand property for setting the margin properties in one declaration.ExampleYou can try to run the following code to set margins −                            All four margins will be 20px                      Top margin will be 15px, left and right margin will be 4% of the total width of the document, bottom margin will be -10px          

The :visited pseudo-class is used to add special style to a visited link. Possible values could be any color name in any valid format. Example                    a:visited {             color: #006600          }                     Click this link