时间戳

首页 > 解决方案 > 我可以在博主的许多帖子中使用具有相同值的 id 属性吗？

html - 我可以在博主的许多帖子中使用具有相同值的 id 属性吗？

问题描述

我可以在博主的许多帖子中使用具有相同值的 id 属性吗？

像这样的例子：

博主帖子 1

<div class="panel-heading" id="myPost">some content</div>

博主帖子 2

<div class="panel-heading" id="myPost">some content</div>

博主发帖 3

<div class="panel-heading" id="myPost">some content</div>

和

博主发帖6000

<div class="panel-heading" id="myPost">some content</div>

这就是我正在做的事情，因为myPost存在于博客模板中的 CSS 不存在于博客的帖子中。

模板中的 CSS 不在博主的帖子中

<style> #myPost {background-color: red;} </style>

我正在创建一个字典博客。我不想在博主的所有帖子中多次更改css。我想在博客模板中更改我的 css。，我想更改引导程序 3 的值的面板标题的背景颜色。当我使用类属性时，此代码不适用于我的 css（myPost）。当我使用某些内容时，此代码确实有效并更改了面板标题的背景颜色。Bootstrap 面板标题没有自己的更多颜色选项。

标签： htmlcss

解决方案

您不应在网页上多次使用 ID。如果你这样做了，那么你就不能使用该 ID 来定位单个元素 - 只有第一个可以工作。

有时模板会一遍又一遍地插入相同的 ID，但这是不正确的。其中一些模板具有唯一标识 ID 的方法，有些则没有。

通常，您可以像使用 ID 一样使用类。类不需要是唯一的。如果您使用 javascript 通过其类定位元素，则需要[0]在选择器之后添加，因为类返回集合而不是字符串（即使选择中只有一个名称，它仍然是选择/数组）

要更改所有帖子的面板标题：

.panel-heading{background: palegreen;}

如果您想单独更改每一个，您可以使用以下内容：

.panel-heading:nth-child(2){background: palegreen;}

您可以在此处找到 css 颜色名称列表。

推荐阅读