css - 仅在主页应用 CSS 规则。 K2,龙门架,Joomla

标签 css joomla k2

我有一个使用 K2 和 Gantry 框架的 Joomla 模板。

我在 template.css 中有这个规则

#rt-main.mb12 {
    height:0px;  !important;
}

我只需要将该规则应用于我网站的主页。

我在模板管理器 > 高级中激活了选项“类后缀”

本例中的主页是一个 K2 类别而不是菜单项。

如何将CSS规则只应用到首页?

最佳答案

从您网站的后端,转到“菜单”> 您的相关菜单

打开首页链接>页面类框中的页面显示选项,输入home,然后保存关闭。

如果您在多个菜单中有指向主页的链接,请对每个菜单重复此操作。

这会将主页的类别添加到主页的 body 标记中。现在在您的 CSS 中,您可以使用

仅定位主页
.home #rt-main.mb12 {
    height:0px;  !important;
}  

您会发现这是一项非常简单且有用的技术!

祝你好运

关于css - 仅在主页应用 CSS 规则。 K2,龙门架,Joomla,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26960612/

相关文章:

javascript - 在 Chrome 和 Edge 中调整大小的 float div 故障

html - 在 css 中使用@media 时,样式优先于骑行样式

php - 使用 Joomla 的自定义组件从模型获取数据

php - Joomla:发送邮件需要很长时间

html - Joomla,缩放 iFrame

asp.net-mvc-4 - 如何从 MVC 调用 K2 工作流

javascript - 如何将趋势线添加到高位图表

javascript - 减少 native 基本输入行的长度