Я использую Unicode в псевдоэлементе в своих пунктах меню, возможно ли удалить его только из первого пункта меню? - PullRequest
Новая
       37

Я использую Unicode в псевдоэлементе в своих пунктах меню, возможно ли удалить его только из первого пункта меню?

0 голосов
/ 17 ноября 2018

Я использую Unicode \ 25C6 для черного сплошного алмаза в моем меню в качестве разделителя между метками.Я использовал псевдоэлемент before для потока, найденного здесь в Stack Overflow.Я искал здесь около часа, но то, что я ищу, возможно, я не ищу с правильной формулировкой.

Я использую только готовую тему «Двадцать двенадцать» из Wordpress с дочерней темой.Я нашел некоторые другие подобные вопросы об удалении определенных значков пунктов меню, но я не нашел тот, который работает для меня.Я просто хочу удалить или «отобразить: ни один» значок кулака или последний, если кто-то думает, что :: after лучше использовать.

Я попытался добавить его в .nav-menu li, но это делает егокликабельно и, возможно, проблема.Надеюсь, я правильно добавлю ссылку на сайт, извиняюсь, если нет.

Это сайт http://vangurubros.com/

Это то, что я пытался заставить работать Unicode 

.main-navigation ul.nav-menu ::before {
content: "\25C6";
list-style: none;
font-size: 1.15em;
color: #cc8040;
margin: 0 20px 0 0px; 
}

.nav-menu li ::before {display: none;}

Ответы [ 2 ]

0 голосов
/ 17 ноября 2018

Вам необходимо добавить код, подобный этому: 

.main-navigation ul.nav-menu li::before {
       content: "\25C6";
       list-style: none;
       font-size: 1.15em;
       color: #cc8040;
       margin: 0 20px 0 0px; 
    }
    .main-navigation ul.nav-menu li:first-child::before {
      display: none;
    }
0 голосов
/ 17 ноября 2018

да, это возможно через css.

Использование :not(:first-child) псевдоэлемента / класса (что угодно) 

ul.nav-menu li:not(:first-child)::before {
    content: "\25C6";
    list-style: none;
    font-size: 1.15em;
    color: #cc8040;
    margin: 0 20px 0 0px;
}
ul li{display:inline-block;}
<ul id="menu-amenu" class="nav-menu"><li id="menu-item-58" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-24 current_page_item menu-item-58"><a href="http://vangurubros.com/">Home</a></li>
<li id="menu-item-56" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-56"><a href="http://vangurubros.com/media/">Media</a></li>
<li id="menu-item-57" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-57"><a href="http://vangurubros.com/news/">News</a></li>
<li id="menu-item-54" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-54"><a href="http://vangurubros.com/contact/">Contact</a></li>
</ul>

Попробуйте это

...