css三个特殊符号

在CSS中，有三个特殊的符号，分别是“~”、“+”和“>”，它们在选择器中都有着重要的作用。

～符号 

“~”符号是CSS中的波浪符号。在选择器中，它的作用是选择所有符合条件的同级元素，无论它们在文档中的位置如何。

例子：
p ~ span {
   color: red;
} 

上述例子表示，选择所有在p元素后面的span元素，并将它们的颜色设置为红色。

+符号 

“+”符号代表着CSS中的加号符号，它的作用是选择它后面的第一个符合条件的同级元素。

例子：
p + span {
   color: blue;
} 

上述例子表示，选择p元素后面紧跟着的第一个span元素，将它们的颜色设置为蓝色。

>符号 

“>”符号代表着CSS中的大于号符号。它的作用是选择其子元素中符合条件的元素，而不选择后代元素。

例子：
ul > li {
   background-color: orange;
} 

上述例子表示，只选择ul元素下面的所有li元素，并将它们的背景颜色设置为橙色，而不会选择li元素下面的后代元素。