我可以在博主的許多帖子中使用具有相同值的 id 屬性嗎？

Question

我可以在博主的許多帖子中使用具有相同值的 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 面板標題沒有更多顏色選項。

Answer 1

您不應在網頁上多次使用一個 ID。 如果這樣做，則無法定位具有該 ID 的單個元素 - 只有第一個有效。

有時模板會一遍又一遍地插入相同的 ID，但這是不正確的。 其中一些模板具有唯一化 ID 的方法，有些則沒有。

通常，您可以像使用 ID 一樣使用類。 類不需要是唯一的。 如果您使用 javascript 通過其類定位元素，則需要在選擇器后添加[0] ，因為類返回一個集合而不是字符串（即使選擇中只有一個名稱，它仍然是一個選擇/數組）

要更改所有帖子的面板標題：

.panel-heading{background: palegreen;}

如果您想單獨更改每一個，您可以使用以下內容：

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

您可以在此處找到 css 顏色名稱列表。