为父菜单项编写稍微不同的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>

因此,我要更改的项是带有.deper.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 也什么都不管用。有什么想法吗?谢谢