如何将CSS类转换为id？

这是CSS代码

.breadcrumb {
    font-size: 10px;
    background-color: #006600;
    padding: 0px 2px 2px 2px;
    text-align: center;
    color: #FFFFFF;
}

.breadcrumb a {
    color: #FFFFFF;
    text-decoration: none;
}

.breadcrumb a:visited, .breadcrumb a:active {
    color: #FFFFFF;
}

.breadcrumb a:hover {
    text-decoration: underline;
}

这是我用来显示面包屑的代码

<p class="breadcrumb">Breadcrumb PHP code goes here</p>

breadcrumb PHP代码在这里

我希望修改css代码，以便可以使用id而不是类，如中所示：

<p id="breadcrumb">Breadcrumb PHP code goes here</p>

这里是breadcrumb PHP代码

---

有人能帮忙吗？

将CSS中的

更改为

---

话虽如此，如果要使用id选择器，您应该确保在任何给定的时间页面上都只有一个

p

的实例。

您所要做的就是将“.”更改为“#”。就像@demianbrecht所说的，您应该确保页面上只有一个id=“breadcrumb”的元素。你最好还是坚持用一个类来完成这个任务，除非你绝对确定只有一个这样的类

CSS类选择器对页面性能影响不大。我通常只对布局元素使用ID，然后尝试将所有其他选择器保留为类。当您希望在多个图元上重复使用样式时，它会有所帮助。然而，ID确实大大提高了脚本编写的性能，但是如果您在具有ID的标记的上下文中搜索一个类，那么性能仍然相当好

下面是您将如何修改它

#breadcrumb {
    font-size: 10px;
    background-color: #006600;
    padding: 0px 2px 2px 2px;
    text-align: center;
    color: #FFFFFF;
}

#breadcrumb a {
    color: #FFFFFF;
    text-decoration: none;
}

#breadcrumb a:visited, #breadcrumb a:active {
    color: #FFFFFF;
}

#breadcrumb a:hover {
    text-decoration: underline;
}

---

您的意思是我应该只使用一次，对吗？非常感谢您的澄清。