Html Joomla网站上的子类样式设置问题

虽然我使用的是一个预定义的Joomla模板，但我对CSS有中等程度的了解，我正在重新设置样式。我的问题在于，我希望对已应用模块类后缀的模块重新设置样式。我能够对整个模块进行更改，尽管我正在尝试在其中设置子类元素的样式。例如，在页面上-

我只希望在这个实例中重新设置社交登录的样式，因此我将类REQ应用于模块

我怎样才能设计控制这个的子类呢。例如，我试图向下移动社交登录图标，因此创建了以下样式：

#interfacecontainerdiv .REQ

这不起作用，所以我需要做什么

谢谢你的帮助

---

谢谢

我看不到interfacecontainerdiv id

也许可以试试：

#content-bottom .REQ

或者简单地说：

.REQ

---

在我看来，REQ目前只应用于具有登录名的块模块。将interfacecontainerdiv.REQ放入.css文件不会将.REQ的样式添加到interfacecontainerdiv中，如果您正试图这样做的话。您必须直接更改interfacecontainerdiv的css设置，或者将REQ类附加到代码中的div

请看一下template.css的第264行，这是interfacecontainerdiv的工作安排。您会发现上边距有一个负值，这可能是一个指标，说明为什么div显示在这个奇怪的位置。你在使用Firefox吗？它有一个很棒的工具，如果您右键单击一个项目并选择inspect element，它将在屏幕底部打开一系列工具。在那里，您可以更改css设置并立即看到效果

---

顺便说一句：interfacecontainerdiv.REQ是指将以下设置应用于id为interfacecontainerdiv的元素内部具有类REQ的元素-

在Joomla的模块管理器中输入模块类后缀之前，您可以尝试添加一个空格。检查

然后在你的css文件中

div.req{}

或

---

divcontent bottom.req

确保在添加模块类后缀之前记得添加空格。您实际输入的模块类后缀是什么>