CSS伪类：控制元素的某种状态
语法：元素名称:伪类名称{属性:值}
CSS伪类控制链接状态
| 状态 | 语法 |
| 未访问的链接 | a:link{color:#ff00ff} |
| 已访问的链接 | a:visited{color:#00ffff} |
| 鼠标移动到链接上 | a:hover{color:$ffaaaa} |
| 鼠标按下链接 | a:active{color:#b4b4b4} |
注：如果链接不起作用，请修改链接状态顺序为link--visited--hover-active.
CSS伪类
2016-03-10
846
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
CSS伪类：控制元素的某种状态
语法：元素名称:伪类名称{属性:值}
CSS伪类控制链接状态
状态
语法
未访问的链接
a:link{color:#ff00ff}
已访问的链接
a:visited{color:#00ffff}
鼠标移动到链接上
a:hover...
目录
相关文章
|
6月前
|
前端开发
开发者
|
6月前
|
前端开发
JavaScript
|
6天前
|
前端开发
JavaScript
UED
深入理解与应用 CSS 伪类选择器
【10月更文挑战第23天】通过以上对 CSS 伪类选择器的深入探讨，我们可以更好地理解和应用它们，为网页设计和开发带来更丰富、更灵活的样式效果。同时，要注意在实际应用中根据具体情况合理选择和使用伪类选择器，以达到最佳的设计效果和用户体验。
23
2
2
|
25天前
CSS3 新增伪类有那些
CSS3 引入了多种新伪类，增强了样式控制的灵活性。新增的结构伪类如 `:nth-child(n)` 和 `:first-of-type` 可以根据元素的位置和类型进行选择；状态伪类如 `:enabled` 和 `:checked` 则根据元素的状态进行选择；动态伪类如 `:hover` 和 `:active` 则基于用户的交互行为。这些伪类让样式定制更加多样和强大。
38
6
6
|
21天前
|
前端开发
|
3月前
|
前端开发
|
3月前
|
前端开发
|
3月前
|
XML
前端开发
安全
|
5月前
|
前端开发
JavaScript
CSS进阶-CSS选择器高级：伪类与伪元素
【6月更文挑战第13天】本文探讨了CSS伪类与伪元素的核心概念，包括伪类表示元素状态，伪元素创造抽象内容。常见问题涉及二者区别、冒号使用、顺序优先级及`content`属性。实践技巧涵盖`:not()`选择器、`:hover`与子元素伪类结合及自定义形状。通过代码示例展示了高亮悬停行、添加图标、首行样式和链接颜色的应用。理解并熟练运用伪类和伪元素可提升CSS设计效率和灵活性。
118
2
2
|
5月前
|
前端开发
开发者