How to set different elements for links in different DIVs through CSS, so that moving the mouse to different DIVs will make the hyperlinks have different font sizes and colors? ? ?
<!DOCTYPE HTML><html> <head> <meta charset="gb2312" /> <title></title> <style> .a a:hover {color:red;} .b a:hover {color:blue;} .c a:hover {color:green;} </style> </head> <body> <div class="a"> <a href="#">12333333333</a> </div> <div class="b"> <a href="#">12333333333</a> </div> <div class="c"> <a href="#">12333333333</a> </div> </body></html> When you create a div, get an ID, and then when you create a css style, there are several options you can choose from, one is class, one is ID, and one is composite (that is, you the label of the current cursor position). For example:
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
