选择父元素nav包含的ul下的所有li下的链接(#nav ul li a:link) 链接字体:黑色;无下划线。 选择父元素nav包含的ul下的所有li下的悬浮链接(#nav ul li a:hover) 当鼠标悬浮字体变为绿色;粗体;有下划线。 设置父元素nav包含的ul下的所有li下的访问后链接(#nav ul li a:visited) 字体变为黑色;粗体;无下划线。
时间: 2024-01-22 11:20:58 浏览: 168
有用代码改变链接字体和颜色
可以使用以下CSS样式代码来实现上述要求:
```css
#nav ul li a:link {
color: black;
text-decoration: none;
}
#nav ul li a:hover {
color: green;
text-decoration: underline;
font-weight: bold;
}
#nav ul li a:visited {
color: black;
text-decoration: none;
font-weight: bold;
}
```
其中,`#nav`是父元素的ID选择器,`ul`和`li`是子元素的标签选择器,`a`是链接元素的标签选择器。使用`:link`、`:hover`和`:visited`伪类选择器来分别对应链接的不同状态。通过设置`color`属性来改变字体颜色,设置`text-decoration`属性来控制是否有下划线,设置`font-weight`属性来控制字体粗细。
阅读全文