更改具有相同 id joomla 的模块标题之一的 id

Question

我有三个模块都具有相同的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

尝试将第 n 个子级解决方案与module-title类一起使用。

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

这是链接 CSS 第 n 个子项

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

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

我更改了文本颜色，ofc您需要将自己的更改插入到类元素中。