了解CSS列选择符双管道符 （ || ）

本文主要内容来源为《快速了解CSS新出的列选择符双管道（||）》，原文链接 www.zhangxinxu.com/wordpress/2…

---

话不多说，进入正题。

一：用法

列选择符（||）的示例用法如下：

col.selected || td {
    background-color: skyblue;
}
复制代码

col.selected || td 的含义是选中所有属于 col.selected 的 td 元素，哪怕这个元素横跨多列。

元素横跨多列示意图如下：

在这张图中的G横跨了2，3列，也就是说即属于第二列，也属于第三列。而这种元素，在我们通常所用的选择器 col.selected 中是不会被选中的。到这里，可能有些人不了解我说的col.selected是什么，在这里我大概写