改变具有相同ID的Joomla

Question

我都用相同的ID这三个模块的模块标题之一的ID：

<?php if ($this->countModules('user2')) : ?> 
    <div id="user2-wrap"><div id="user2" class="container row clr"> 
     <jdoc:include type="modules" name="user2" style="usergrid" grid="<?php echo $user2_width; ?>" /> 
    </div></div> 
<?php endif; ?> 

而且在检查我得到：

<div id="user2-wrap"><div id="user2" class="container row clr"> 
        <div class="module span_4 col clr"> 
       <h3 class="module-title">Our Story</h3> 
      <div class="module-body"> 
    <div class="custom"> 

<div id="user2-wrap"><div id="user2" class="container row clr"> 
        <div class="module span_4 col clr"> 
       <h3 class="module-title">Featured Training</h3> 
      <div class="module-body"> 
    <div class="custom"> 


<div id="user2-wrap"><div id="user2" class="container row clr"> 
        <div class="module span_4 col clr"> 
       <h3 class="module-title">Chapters</h3> 
      <div class="module-body"> 
    <div class="custom"> 

所有这些具有相同的类module-title我需要更改一个module-title的颜色。我如何更改某个特定module-title的ID？或者还有其他方法吗？

Answer 1

尝试在您的module-title类中使用第n个子解决方案。

:nth-child(number_of_the_child_you_want_to_change) { 
    your css declarations; 
} 

这里是链接CSS nth-child

编辑：如果你想/可以使用JavaScript，请使用此代码class="module-title"选择文档中的第二个元素。

<script> 
document.querySelectorAll('.module-title')[1].style.color = "red"; 
</script> 

我改变了文字颜色，ofc你需要插入你自己的改变到类元素。