如何应用 CSS答案

【问题标题】：How can I apply CSS如何应用 CSS
【发布时间】：2017-10-19 12:58:16
【问题描述】：

我有一个标签列表，如tag 01、tag 02、tag 03、tag 04、tag 05 等...

我想应用 CSS，它为标签 01 放置一个类，并为它分配颜色等。标记 02、标记 03 等也是如此。

问题是，我无法编辑 HTML：

<p>tag 01, tag 02, tag 03, tag 04, tag 05</p>

我不知道是否可以为每个标签使用 Java、CSS 或其他任何东西放置一个类。

如果可能，请告诉我，如果是，那么如何可能。

【问题讨论】：

有很多关于 CSS、HTML 和 JS 的教程
不太明白你的意思。你想让文本“tag 01”改变颜色还是什么？或者这些标签是有效的html标签吗？在第一种情况下，我建议您使用自己的
标签包装每个“标签 01”文本，例如

tag 01

tag 02>。这样您就可以像

tag 01
这样为每个人分配一个类...如果有帮助，请告诉我
您想包装各个元素并给它们一个类，例如“标签 01 等”？如果是这样，你不能真正纯粹使用 CSS 来做到这一点。您可以使用 JavaScript 来实现，但我们需要更多地了解您正在处理的 HTML，以便能够帮助您编写选择器来定位内容。
欢迎来到 StackOverflow。请参阅How to create a Minimal, Complete, and Verifiable example 并编辑您的问题。否则，它很可能由于缺乏努力、清晰或有用而被否决或删除。您可以尝试MDN's web docs on CSS 了解更多关于 CSS 的信息。

标签： javascript jquery html css tags

【解决方案1】：

$("p.tag").each(function(){
  var $this=$(this);
  var Tag=$this.text().split(',');
  $this.empty()
  $.each(Tag,function(key,value){
    $this.append(key==0?"":"<span>,</span>").append( $("<span/>",{class:("tag"+ (key+1)),html:value}));
  });
});

.tag1{color:red};

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p class="tag">tag 01, tag 02, tag 03, tag 04, tag 05</p>
<p class="tag">tag 01, tag 02, tag 03, tag 04, tag 05</p>
<p class="tag">tag 01, tag 02, tag 03, tag 04, tag 05</p>

【讨论】：

您好，非常感谢您的精彩回复，但遇到问题，当我使用此代码时，它会在整页上产生大量重复，并在各处添加红色标签
如果我的回答有帮助的话。请确认
将标签添加到所需的标签并运行该类。我编辑了代码再试一次
仍然是 Farhad Bagherlo 先生
它仍然在复制标签并仅使用标签制作整页