我可以选择以“＃”开头的ID吗

Question

我有一个作业，必须在不触摸html的情况下对页面进行样式设置。 ID中有两个以“＃”开头的ID，是否可以使用ID在CSS文件中选择它们？

Answer 1

您始终可以使用属性选择器：

[id = "#your-id"] {} 

Answer 2

您有两种选择方式。

•   

  the attribute selector CSS属性选择器根据给定属性的存在或值来匹配元素。

       

  [id="#oneId"] {/*style*/}

• 或转义字符（实际上，您不应使用此特殊字符来命名ID ）

    

  https://www.w3.org/International/questions/qa-escapes#css_identifiers CSS中的标识符（例如CSS选择器中的类名）可以以-_ a-z或A-Z或非ASCII字符开头，但不能以任何其他ASCII字符开头。但是，任何类型的转义字符都可以出现在任何位置。

       

  #\#anotherId {/* style*/}

演示：

[id="#one"] {
  color: red
}

#\#two {
  color: green
}

<p id="#one">one , red</p>
<p id="#two">two, green</p>

Answer 3

使用CSS #id selector

示例：

//style.css

    #exampleId {
        color: red;
    }