7-10:HTML学习#5

本文详细介绍了CSS选择器的基本用法,包括元素选择器、类选择器、ID选择器和伪类选择器等,并探讨了复合选择器如交集、并集、后代和子元素选择器等。此外,还涵盖了伪元素选择器,如`::first-line`、`::first-letter`、`::before`和`::after`,以及不同类型的伪类选择器。文章深入浅出地阐述了CSS选择器在网页样式控制中的重要性和实用性。
摘要由CSDN通过智能技术生成

CSS选择器

基本选择器:

*选择器选取所有元素。

element选择器可以设定某元素的样式。

.class:类选择器允许以一种独立于文档元素的方式来指定样式。

#id:id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式,id 属性只能在每个 HTML 文档中出现一次。

实例:

复合选择器:

交集选择器,找到指定标签间的共有部分。

并集选择器,找到所有满足的标签。

后代选择器,选择elment1元素内部的element2元素。

子元素选择器,选择element1元素中符合直接子元素的element2元素,如果元素不是父元素的直接子元素,则不会被选择。

相邻兄弟选择器,选择具有相同父元素且同级的element1相邻的element2。

通用兄弟选择器,选择具有相同父元素且同级的element1之后的element2,两种元素必须拥有相同的父元素,但是 element2 不必直接紧随 element1。

伪元素选择器:

::first-line 选择器用于选取指定选择器的首行。

::first-letter 选择器用于选取指定选择器的首字母。

::before 选择器在被选元素的内容前面插入内容,使用 content 属性来指定要插入的内容。

::after 选择器在被选元素的内容后面插入内容,使用 content 属性来指定要插入的内容。

::selection 选匹配元素中被用户选中或处于高亮状态的部分。

伪类选择器:

动态伪类选择器。

UI伪类选择器。

结构伪类选择器。

其他伪类选择器。

属性选择器

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值