文章/答案/技术大牛

发布

社区首页 >问答首页 >是否有一种使用CSS多次使用相同ID的方法？

问是否有一种使用CSS多次使用相同ID的方法？
EN

Stack Overflow用户

提问于 2022-03-05 17:58:13

回答 2查看 48关注 0票数 0

<p id = "formatOne">My text here</p>
<!--insert bunch of other stuff in between-->

<!--Reuse formatOne so I don't have to copy-paste the entire CSS formatting again for each use
(similar to functions in most programming languages, write once, call whenever-->

<p id = "formatOne">Different text here</p> <!--like this, but this is obviously wrong since ID must be unique-->

有没有一种方法可以使CSS ID像函数一样被调用？

html

css

回答 2

Stack Overflow用户

发布于 2022-03-05 18:07:36

每个id元素都应该是唯一的。如果要对不同的HTML元素应用相同的样式，则可以创建class并将相同的类应用于多个HTML元素。

.formatOne {
  color:blue;
}

<p class="formatOne">My text here</p>
<p class="formatOne">Different text here</p>

票数 -1

Stack Overflow用户

发布于 2022-03-05 18:23:25

这在ids中是不可能的。如果您想在css中使用相同的多个用途，那么只有类允许您这样做。

<body>
<div class="asd">
    <h1> First </h1>
    <p> First line Statement </p>
</div>
<div class="asd">
    <h1> Second </h1>
    <p> Second line Statement </p>
</div>
<style>

.asd {color : red;
      font-size: 20px}

</style>
</body>

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/71364609

复制

相似问题

问是否有一种使用CSS多次使用相同ID的方法？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问是否有一种使用CSS多次使用相同ID的方法？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问是否有一种使用CSS多次使用相同ID的方法？
EN