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>

我该如何应用CSS

2 个答案: