改變具有相同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你需要插入你自己的改變到類元素。