css中“>”(大于号)、"~"(波浪号)、" "(空格)、","(逗号)、"+"(加号)详解

大号元素选择器应用广泛。
例如，div>p 表示紧跟在 div 之后的 p 标签。
例如，如果您的 div 中直接包含 p，则可以使用此选择器来选择它。
这意味着您只能选择直系后代，而不是所有孙辈。

波形符选择器也很好。
例如，.box~h2 表示 .box 之后的所有 h2 ，无论它们之间的分隔符是什么。
例如，如果.box后面有3 个h2 ，则可以将它们全部选中。
这比大于数字要灵活一点，但也不算太离谱。

空间选择器更随意一些。
div p 表示 div 中的任何 p，无论它是否紧随其后。
啊，这将选择所有位于 div 内的孙子。

逗号选择器很简单并且是一个分组。
div,p表示选择所有div和所有ps并使用相同的样式。
这是经常使用的并且非常有效。

加号选择器，选择旁边的符号。
div+p 表示div 后的第一个p。
请注意，它应该是第一个，而不是全部。
例如，如果一个 div 后面有 3 个 p，则只能选择第二个 p。

说实话，这些选择器使用得越多就越容易使用。
当时，我不明白为什么我突然开始使用波形符，但我练习得越多，我就做得越好。

css中“>”(大于号)、"~"(波浪号)、" "(空格)、","(逗号)、"+"(加号)详解

大于号是......相当混乱。
你看……例如……当我2 02 2 年第一次开始学习时……我无法理解这一点>。
它实际上是用来查找父元素后面的第一代直接子元素。
例如...如果您输入 .parent > .child...，那么它将选择....parent 中的所有 .child...，直接输出...不会发生代跳。
当时我很困惑...我以为我要选择所有.children...但我发现这是错误的...它必须位于.parent下面...并且不能有任何孙子。

Da tilde~...这个就更难了。
它不是在寻找直系孩子……而是在寻找同一类型……后面的所有兄弟。
例如，.box ~ h2 ...它将选择....box之后的所有h2 ...无论相隔多少层...只要它们是h2 后来我意识到...这与>...~可能相差更远。
也许我有偏见……我认为这被过度使用了……有时风格会失控。

空格符号...我更常用这个。
空间是后代...所有后代都是。
例如，.parent .child...它选择....parent 中的所有 [child]。
只要有后代，中间有多少支球队并不重要。
这个用的最多……没什么问题。

我知道逗号...它意味着分组...多个选择器一起使用。
例如，.class1 ，.class2 ...它选择所有class1 和class2 ...然后写入样式...它们都是共享的。
2 02 2 年的那个项目...我只是为了偷懒而用它...一堆元素共享一组样式...而且这一切都在一行上完成。

最后这个加号...邻居兄弟...这个也很好用。
只需选择那些彼此相邻的...例如 .parent .child + .sibling...它将选择...[child] 之后的所有 [siblings]...必须相邻。
这给我印象最深...当我为某个特定城市创建活动页面时...我非常准确地使用了这个定位。

就是这样...这些符号...>直接子项...~后面都是同一类型...所有空格的后代...逗号分组...加上相邻的兄弟...无论如何就是这样...练习得越多就会习惯。

css空格符号怎么打

上周试过了。

1 .代码中插入空格并添加nbsp。

例如：只有两个空格。

2 如果要缩进，使用div加css。

例如：margin-left：在段落开头添加2 0px；
3 . 如果您想在属性中添加空格，只需按空格键即可。

示例：<input type="text" name="space"> 是一个空格。

我不确定这部分。
由你决定。