嗨,我在joomla中的某些CSS类遇到问题。我在模块中有两个div,一个是包装类class =“ wrapper”,另一个是内容类class =“ content”。内容在包装器内。我想做的是针对Content类上的CSS样式。通常,我只将.content {我的样式信息}放在样式表中,但是问题是此类在整个页面中多次使用。因此,在后端,您可以为模块分配一个类名,因此我将其称为.testimonials。
为了避免更改页面上的所有其他内容类,我尝试通过以下操作将其定位:
.testimonials .content {my style info I am trying to apply}
但它不起作用,我知道您可以使用div来做到这一点,所以
#testimonials .content {my style info I am trying to apply}
但是我的问题是可以使用类吗?如果这样,在尝试使用以下方法时出现了问题:
.testimonials .content {font-size:12px; width:300px !important;}
由于某种原因,内容没有包装并且仅在本段末尾消失了,所以我试图确保内容所在的1级课程没有任何重叠,奇怪的是即使我修复了内容位于50px的div类,它仍然不会包装文本,因此我不确定是否将其定位为对吗?
编辑>>>>>>>>>> ..
Joomla创建的html基本上是这样的>>
<div class="wrapper">
<div class="content">SOME CONTENT</div
</div>
然后将其包装成其他具有良好Joomla风格的div。
我给模块提供了推荐类别,因此最终看起来像:
<div class="testimonials">
<div class="wrapper">
<div class="content">SOME CONTENT</div
</div>
</div>
编辑3 >>>>>>>确定,这就是吐出来的内容
<div class="testimonials">
<div class="key4-block">
<div class="module-title"><h2 class="title">Client Testimonials</h2></div>
<div class="key4-module-inner">
<div class="module-content">
<script type="text/javascript">
RokStoriesImage['rokstories-184'].push('');
RokStoriesImage['rokstories-184'].push('');
RokStoriesImage['rokstories-184'].push('');
</script>
<div id="rokstories-184" class="rokstories-layout6 content-left" >
<div class="feature-block">
<div class="feature-wrapper">
<div class="feature-container">
<div class="feature-story">
<div class="image-full" style="float: right">
<img src="/sos/" alt="image" />
</div>
<div class="desc-container">
<div class="wrapper">
<span class="content"><p>Arrived in under 30 mins and got my pride and joy home in one piece, the day it conked out on me.</p>
<p>- Mr A Another</p></span>
</div>
</div>
</div>
<div class="feature-story">
<div class="image-full" style="float: right">
<img src="/sos/" alt="image" />
</div>
<div class="desc-container">
<div class="description">
<span class="feature-desc">
<p>Great Service ! , SOS came to the rescue me in no time at all and made my day.</p>
<p>- a customer</p>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
编辑4 >>>>>>
这就是它在做什么