HTML规范允许句点(.)在id中:

<img id="some.id" />

但是,使用CSS ID Select 器规则将not正确匹配:

#some.id { color: #f00; }

ID Selectors的CSS规范没有提到这种情况.那么我假设它使用的是标记名和class selector的组合?例如,CSS规则a.className将应用于类名为className的所有锚标签(<a>),如<a class="className"></a>.

是否可以有一个外部CSS文件规则,通过其中包含句点的ID引用HTML元素?

我想不会,因为CSS规范规定CSS"identifier"不包括句点作为有效字符.那么,这是HTML和CSS规范之间的根本不匹配吗?我是使用不同类型的CSS Select 的唯一 Select 吗?有比我更聪明的人能证实或否认这一点吗?

(为简化起见,我会从HTML id属性中删除句点,但它是系统生成的id,因此在本例中我无法更改它.)

推荐答案

在深入研究了一些规范之后,我发现CSS规范和大多数语言一样,确实允许backslash (\) escaping个.

因此,在我的示例中,以下规则将匹配:

#some\.id {
  color: #f00;
}

Html相关问答推荐

谷歌翻译不适用于JPEG标签

R中的动态Webscraping

Angular 15 p-对话框不使用组件 Select 器呈现HTML

如何最大限度地减少Cookie同意代码对性能的影响?

创建一个带有div和径向渐变的全宽半圆

为什么不是所有字体好的图标都能与boostRapCDN一起使用呢?

如何使用Reaction Js读取html文件中的代码

使用Cypress循环遍历不一致的父对象

SVG的动态CSS

为什么字体大小而不是 colored颜色 属性适用于元素?

如何使元素具有粘性

为什么当我按第三个按钮时,前两个按钮会跳动?

为什么即使我点击其他地方,我的 contenteditable="true" 也会被激活?

对齐页面左侧的单选按钮

如何删除输入中输入类型数字中的箭头?

当我将鼠标悬停在测试类上时,左侧类的 colored颜色 没有改变

发光效果html动画

flex-box 中的图像在 Chrome 和 Firefox 中看起来不同 - 如何使它们在 Firefox 中看起来像?

使用 tailwind css 将 HTML/CSS/JS 站点转换为 React App

使用 htmloutput 在shiny 的应用程序中呈现文本