为父菜单项编写稍微不同的CSS
各位！
这里出了点小麻烦。
所以，基本上，我非常想在Joomla中制作我的父菜单项！主菜单与其他菜单项略有不同。我想要实现的是父项目.让我们说，一个小三角形与bg图像在右边，以显示游客有一些子菜单包括在内。
我一直试图使我的CSS工作，但不知怎么什么都没有发生，通过检查生成的代码和元素，CSS没有将任何东西应用于父项。
下面是代码：
<li class="item-101 current active"><a href="/" >Domov</a></li>
<li class="item-107"><a href="/index.php/o-meni" >O meni</a></li>
<li class="item-108 deeper parent"><a href="/index.php/psihoterapija" >Psihoterapija</a>
<ul class="nav-child unstyled small">
<li class="item-113"><a href="/index.php/psihoterapija/podmeni-1" >Podmeni 1</a></li>
</ul>
</li>
<li class="item-109"><a href="/index.php/zdravstvena-psihoterapija" >Zdravstvena psihologija</a></li>
<li class="item-114 deeper parent"><a href="/index.php/ponudba" >Ponudba</a>
<ul class="nav-child unstyled small">
<li class="item-117"><a href="/index.php/ponudba/podmeni-2" >Podmeni 2</a></li>
<li class="item-118"><a href="/index.php/ponudba/podmeni-3" >Podmeni 3</a></li>
<li class="item-119"><a href="/index.php/ponudba/podmeni-4" >Podmeni 4</a></li>
</ul>
</li>
<li class="item-139 deeper parent"><span class="nav-header">Ostalo</span>
<ul class="nav-child unstyled small">
<li class="item-138"><a href="/index.php/ostalo/aktualno" >Arhiv novic</a></li>
<li class="item-116"><a href="/index.php/ostalo/povezave" >Povezave</a></li>
<li class="item-115"><a href="/index.php/ostalo/kontakt" >Kontakt</a></li>
</ul>
</li>所以，我想要更改的是那些带有.deeper.parent类的项目。
我想应用但不起作用的CSS代码：
#navigation .parent { padding:37px 22px 37px 8px !important; background-image: url(../images/more.png) !important; background-position: right !important; background-repeat: no-repeat !important; }
我还尝试将#navigation .parent更改为#navigation .deeper.parent，并将其转换为#navigation li.item-108.deeper.parent。什么都不管用。有什么想法吗？谢谢!
回答 2
Stack Overflow用户
发布于 2014-08-18 22:45:11
我假设这里有一些用于显示目的的编码，但这里您想要的是以下部分：
#navigation li.parent { padding:37px 22px 37px 8px !important; background:url(http://upload.wikimedia.org/wikipedia/commons/f/f7/Arrow-down-navmenu.png) no-repeat right center}您可以随意进行见小提琴和调整(请记住:我假设您的代码是正确的，所以您必须将其调整为真正的代码！)
Stack Overflow用户
发布于 2014-08-18 21:59:31
首先，确保实际将#navigation ID分配给<ul>，如下所示：
<ul id="navigation">其次，确保您做的是而不是基于目标菜单项(如.item-108 )的目标菜单项。这些任务由Joomla分配，并可能在未来发生变化。
好的，正如您所提到的，您希望使用deeper和parent类来锁定菜单项，为此，可以使用以下方法：
.deeper.parent a {
background: url(../images/more.png) no-repeat;
background-position: right center;
height: 12px;
}请注意，我使用right center定义了X和Y轴，并定义了图像的高度，这对您来说可能是不同的。
希望这能有所帮助
https://stackoverflow.com/questions/25372493
复制相似问题
腾讯云开发者
