css有波浪线 |css子容器和父容器

如： div ~ p {
color: red;
}

这段代码表示选择所有与div元素同级的p元素，并将它们的字体颜色设置为红色。

除了在选择器中使用波浪线，它还可以被用于CSS3中的一些新特性，比如：CSS3选择器的“弱相邻兄弟选择器”（~符号用于表示这种选择器）。下面是一个示例：

div + p {
font-size: 16px;
}
div ~ p {
font-size: 14px;
}

这些代码的意思是：如果div元素后面有一个直接相邻的p元素，则将它的字体大小设置为16px。如果没有直接相邻的p元素，则选择div元素后面的所有p元素，并将它们的字体大小设置为14px。

总结来说，CSS中的波浪线不仅可以用于选择器中，还可以用于新特性的实现，它非常方便也非常实用，是CSS语法必备的一部分。