html a target css,html - Target a css class inside another css class

博主在Joomla中遇到CSS类选择器的问题，尝试针对.module类内的.content类应用特定样式，但未能成功。已尝试使用.testimonials.content作为选择器，以避免影响页面上其他.content类元素，但样式未生效。内容区域出现布局问题，不按预期包裹文本。问题可能与模块类名的使用或嵌套结构有关。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Hi I am having problems with some css classes in joomla. I have two divs in a module, one is the wrapper class="wrapper", the other is the content class="content" . Content is inside wrapper. What I am trying to do is target a css style on the content class. Usually I would just put .content {my style info} in the style sheet, but the problem is that this class is used several times throughout the page. So in the backend, you can assign a module a class name, so I have called this one .testimonials .

So that I dont alter all the other content classes on the page I am trying to target it by putting this :

.testimonials .content {my style info I am trying to apply}

but it is not working, I know you can do this with divs, so

#testimonials .content {my style info I am trying to apply}

but my question is can this be done with classes ?, if so something is going wrong as I am trying to use the following :

.testimonials .content {font-size:12px; width:300px !important;}

as for some reason the content is not wrapping and just vanishes off the page at the end of the paragraph, so I am trying to make sure the 1st level class the content is sitting is not overlapping anything, the odd thing is even if I fix the div class the content sits in to 50px it still wont wrap the text, so I am not sure if I am targeting it right ?.

edit >>>>>>>>>>..

The html Joomla is creating basically looks like this >>

SOME CONTENT

then it is wrapped in a million other divs in the good old Joomla style.

I have given the module the class of testimonials, so it ends up looking something like :

SOME CONTENT

EDIT 3 >>>>>>>

OK, this is what it is spitting out