快速浏览 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 版权协议,转载请附上原文出处链接和本声明