快速浏览 CSS 选择器

快速浏览 CSS 选择器

CSS 选择器是提供的实用程序,允许开发人员定位 HTML 元素并专门对其应用样式。以下是每个人都应该注意的一些常见问题。

通用选择器 ( * )

听起来很简单。用于定位 HTML 中的每个元素。用于设置主题/全局样式。

Universal Selector

类选择器 ( .a )

最明显的一个,每个人都知道。选择所有具有类名的元素 一个 (我们也可以称它们为 ** 一个元素** )。

Class Selector

ID 选择器 (#i)

也是每个人都知道但很少使用的东西。通常用于定位单个元素。选择 id 为的元素 ** 一世** .

ID Selector

多类选择器 ( .ab )

选择具有两者的所有元素 ** 一个** 和 __b 类名。

Multiclass Selector

子组合子 ( a > b )

全选 __b 元素 直接存在的 (直系子女) 里面 ** 一个元素** .

Child Combinator

后代组合子 (ab)

全选 ** b 元素 ** 在里面的任何地方 ** 一个元素** ,而不仅仅是直子。

Descendant Combinator

相邻兄弟组合器 ( a + b )

用于全选 ** b 元素 ** 紧挨着 ** 一个元素 ** 在同一水平上。

Adjacent Sibling Combinator

通用兄弟组合子 (a ~ b)

全选 ** b 元素** 发生在之后的任何地方 ** 一个元素** ,无论级别或职位。

General Sibling Combinator

标签 + 类选择器 ( ta )

选择所有有标签的元素 ** ** 和班级 ** 一个** .

Tag + Class Selector

属性选择器 ( a[x=y] )

全选 ** 一个元素** 有 ** X** 属性设置为 ** 是的** .

Attribute Selector

这就是今天的全部内容。在与 CSS 斗争的永无止境的旅程中,希望这能减少一点麻烦。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明

本文链接:https://www.qanswer.top/30288/23281208

posted @ 2022-09-12 08:25  哈哈哈来了啊啊啊  阅读(28)  评论(0编辑  收藏  举报