css双管道符号

在CSS中，双管道符号（||）被称为属性选择器。它可以用来选取具有特定属性的元素或指定元素属性的多个值。

/* 选取具有特定属性的元素 */
p[class||="center"] {
  text-align: center;
}

/* 选取指定元素属性的多个值 */
a[hreflang|="en"] {
  color: red;
}

在上面的代码中，第一个例子选取了所有class属性值中以"center"开头的元素，并将它们的文本居中对齐。这里的双管道符号表示只匹配class属性值以"center"开头的元素，不匹配包含其他值的元素。

第二个例子中，双管道符号表示匹配所有hreflang属性值以"en"开头的元素，包括"en-US"、"en-GB"等等。被选中的链接将会被设为红色。

需要注意的是，双管道符号只适用于某些属性，比如class、lang、hreflang等。这是因为这些属性通常包含多个值，而双管道符号可以方便地将它们分离并进行匹配。