CSS中的选择器分类

一、分组选择器:多个标签共用一个选择器时
在这里插入图片描述
另外好观察的写法:分行
在这里插入图片描述
存在共用关系:
在这里插入图片描述
二、父子选择器:中间加个空格
在这里插入图片描述
三、直接子元素选择器:加尖角号,意思是div下面的第一个em
在这里插入图片描述
四、并列选择器:缩小范围选中唯一元素。
在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
CSS选择是一种用于选择HTML或XML文档元素的模式。它可以根据元素的标签名、类名、id、属性等来选择元素,提供了灵活且强大的元素选择方式。以下是一些常用的CSS选择及其用法的详细描述: 1. 标签选择(Tag Selector): - 语法:`tagname` - 例子:`div` 选择所有的div元素 2. 类选择(Class Selector): - 语法:`.classname` - 例子:`.container` 选择所有class为container的元素 3. id选择(ID Selector): - 语法:`#idname` - 例子:`#header` 选择id为header的元素 4. 后代选择(Descendant Selector): - 语法:`ancestor descendant` - 例子:`div p` 选择所有div元素内的p元素 5. 子代选择(Child Selector): - 语法:`parent > child` - 例子:`ul > li` 选择ul元素下的直接子元素li 6. 相邻兄弟选择(Adjacent Sibling Selector): - 语法:`element + adjacent` - 例子:`h2 + p` 选择紧跟在h2元素后面的第一个p元素 7. 属性选择(Attribute Selector): - 语法:`[attribute=value]` - 例子:`input[type="text"]` 选择所有type属性为"text"的input元素 8. 伪类选择(Pseudo-class Selector): - 语法:`:pseudo-class` - 例子:`:hover` 选择鼠标悬停在元素上的状态 这些只是CSS选择的一部分,还有其他更多的选择可以使用。您可以根据需要组合使用不同的选择,以实现更精确的元素选择。在使用CSS选择时,可以通过在HTML文档使用class和id等属性,来为元素提供标识和分类,以便更方便地进行选择和操作。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值