在CSS选择器中处理元素ID中的冒号

在CSS选择器中处理元素ID中的冒号可以使用转义符号::来匹配以冒号:开头或结尾的ID选择器，如下所示：

#main:first-child {
  /* Your styles */
}

#main::first-child {
  /* The same styles */
}

#main:first-child和#main::first-child都可以匹配元素#main的第一个子元素，因为冒号在这里具有特殊含义。如果ID选择器中有多个冒号被误用到，可以使用转义符号::来保证CSS规则的正确性。