<link rel="stylesheet" type="text/css" href="my.css">
- main.css
- ———————-
- @import“sub1.css”;
- @import“sub2.css”;
- sub1.css
- ———————-
- p{color:red;}
- sub2.css
- ———————-
- .myclass{color:blue}
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8" />
5 <style type="text/css">
6 a:link{text-decoration: none; color:blue; font-size: 18px; font-family: 微软雅黑;}
7 a:visited{ color:green;}
8 a:hover{text-decoration: underline; color:#09f; font-size: 19px;}
9 a:active{text-decoration: blink; color: yellow;}
10 </style>
11 </head>
12 <body>
13 <a href="">这是超链接</a>
14 </body>
15 </html>
A:link {
color: #000000;
TEXT-DECORATION: none
}
A:visited {
COLOR: #000000;
TEXT-DECORATION: none
}
A:hover {
COLOR: #ff7f24;
text-decoration: underline;
}
A:active {
COLOR: #ff7f24;
text-decoration: underline;
}
<head>
<link href="mystyle.css" rel="stylesheet" type="text/css" />
</head>
a:link {color:#000000;} /* 未访问链接*/a:visited {color:#00FF00;} /* 已访问链接 */a:hover {color:#FF00FF;} /* 鼠标移动到链接上 */a:active {color:#0000FF;} /* 鼠标点击时 */
a:link { color: #000000; text-decoration: none } a:visited { color: #000000; text-decoration: none } a:hover { color: #ff7f24; text-decoration: underline; } a:active { color: #ff7f24; text-decoration: underline; }
a[href]:hover { text-decoration: underline; }
a:link {color:#000000;} /* 未访问链接*/
a:visited {color:#00FF00;} /* 已访问链接 */
a:hover {color:#FF00FF;} /* 鼠标移动到链接上 */
a:active {color:#0000FF;} /* 鼠标点击时 */
<link rel="preload" href="./1 (2).js" as="script">
<link rel="prefetch" href="./css.css" as="style">