HTML5与CSS学习笔记 伪类选择器,属性选择器,子元素选择器,兄弟元素选择器,文本标签及样式

本文介绍了CSS中的伪类选择器,如`:link`、`:visited`、`:hover`、`:active`,以及属性选择器的用法,如`[title^="ab"]`。还讲解了子元素选择器`nth-child()`和兄弟元素选择器`+`、`~`。同时,讨论了样式的继承原则和选择器优先级,以及文本标签的样式应用,如``、``、``等。
摘要由CSDN通过智能技术生成

伪类选择器:
表示元素的一种特殊的状态,比如:访问过的超链接,比如普通的超链接,比如获取焦点的文本框,当我们需要为处在这些特殊状态的元素设置样式时,就可以使用伪类
在这里插入图片描述
为没有访问过的链接设置颜色
a:link为没有访问过的链接设置一个颜色
a:visited为访问过的链接设置一个颜色,浏览器通过历史纪录来判断链接是否访问过。
由于涉及到了用户的隐私问题,所以使用visited伪类只能设置字体的颜色,
Hover伪类表示鼠标移入的状态 a:active表示被点击的状态 hover和active也可以为其他的元素设置,IE6,不支持对超链接以外的元素设置:hover和active
在这里插入图片描述
Input :focus{
background-color:yellow;}
为p标签中选中的样式使用样式可以使用::selection伪类
注意这个伪类在火狐中需要另一种样式-moz-selection
P::selection{
background-color:orange;}
使用伪元素来表示元素中的一些特殊的位置
首字母first-letter首行:first-line
P:first-letter{
color:red;
Font-zie:20px;
}

  • 6
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

学习记录wanxiaowan

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值