526互联

css选择器 ~ （波浪号）、+（加号）、＞（大于号）的用法解析和举例

发布时间 2023-03-23 09:57:45作者: Felix_Openmind

参考：https://blog.csdn.net/Amnesiac666/article/details/122060057

  • ~（波浪号）：A ~ B表示选择A标签后的所有B标签，但是A和B标签必须有相同的父元素。

  • ~（加号）加号又被称作兄弟选择器。A+B表示选择紧邻在A后面的B元素，且A和B必须拥有相同的父元素，所选到的仅为一个B元素标签。

  • > (大于号）大于号表示某个元素的下一代元素。A>B指选择A元素里面的B元素，其中B元素是A元素的第一代。