</body>
Pseudo class
In addition to the above classification methods, in order to make the use of classification more flexible and diverse, but also produced the concept of Pseudo-class. What is the difference between a class and a pseudo class?
Generally speaking, a selector can be set in bundles with multiple classes, so that although it can create many different styles for the same selector, the form of bundling also restricts the set class to be used by other selectors. Pseudo class is created to solve this problem, each of the predefined pseudo class can be referenced by all HTML identifiers, of course, some block-level content, except the settings.
In this case, only the most common type of anchor pseudo class in Pseudo class, the anchor pseudo class can specify a element to display the link in a different way, when the mouse encounters a link, a link that has been visited, and a link that is being activated, and a visited link can be defined as a different color display, font size, and style.
The basic format is as follows:
. Pseudo class Name {property: value}
A pseudo class can be referenced in HTML by any identifier.
< identifier class= pseudo class name > Web page content
Instance:
<title> CSS Example </title>
<style type= "Text/css"
!--
a:hover{font-size:18pt}/* when the mouse touches the link * *
-->
</style>
<body>
<a Href= "#" >5dmedia Studio </body>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
