如何應用 CSS

Question

我有一個標簽列表，如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 或其他任何東西放置一個類。

請讓我知道是否可能，如果是，那么如何可能。

Answer 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> 

Answer 2

您可以嘗試以下操作：

<p><span class="myClass1">tag 01</span>, <span class="myClass2">tag02</span>, ....</p>
<style>
  .myClass1{
  //whatever here
  }
</style>