Как бы я стилизовал эту часть подменю с помощью CSS? - PullRequest
Новая
       12

Как бы я стилизовал эту часть подменю с помощью CSS?

0 голосов
/ 02 июля 2019

Я использовал собственный стиль с использованием инструментов разработчика Chrome, и это помогло мне точно определить, как редактировать класс определенного элемента на веб-сайте, но я не могу понять, какой класс использовать для перемещения заголовковналево.Вот скриншот https://imgur.com/0Wt3wPl HTML-код: 

<ul class="mega-sub-menu">
<li class="mega-menu-row" id="mega-menu-206-0">
    <ul class="mega-sub-menu">
<li class="mega-menu-column mega-menu-columns-1-of-2" id="mega-menu-206-0-0">
        <ul class="mega-sub-menu">
<li class="mega-menu-item mega-menu-item-type-widget widget_media_image mega-menu-item-media_image-19" id="mega-menu-item-media_image-19"><img width="219" height="219" src="http://localhost/wordpress/wp-content/uploads/2019/07/cebu.png" class="image wp-image-925 cebu attachment-full size-full" alt="" style="max-width: 100%; height: auto;" srcset="http://localhost/wordpress/wp-content/uploads/2019/07/cebu.png 219w, http://localhost/wordpress/wp-content/uploads/2019/07/cebu-150x150.png 150w" sizes="(max-width: 219px) 100vw, 219px">
</li>
<li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-trip mega-menu-item-921" id="mega-menu-item-921"><a class="mega-menu-link" href="http://localhost/wordpress/trip/cebu-city-tour-package/">Cebu City Tour Package</a>
</li>       
</ul>
</li>
<li class="mega-menu-column mega-menu-columns-1-of-2" id="mega-menu-206-0-1">
        <ul class="mega-sub-menu">
<li class="mega-menu-item mega-menu-item-type-widget widget_media_image mega-menu-item-media_image-20" id="mega-menu-item-media_image-20"><img width="219" height="219" src="http://localhost/wordpress/wp-content/uploads/2019/07/davao.png" class="image wp-image-928 wp-image-65 attachment-full size-full" alt="" style="max-width: 100%; height: auto;" srcset="http://localhost/wordpress/wp-content/uploads/2019/07/davao.png 219w, http://localhost/wordpress/wp-content/uploads/2019/07/davao-150x150.png 150w" sizes="(max-width: 219px) 100vw, 219px"></li>
<li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-trip mega-current-menu-item mega-menu-item-922" id="mega-menu-item-922"><a class="mega-menu-link" href="http://localhost/wordpress/trip/davao-fun-affordable-package/">Davao Fun-Affordable Package</a></li>

Этот бит кода относится к заголовку 

<li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-trip mega-current-menu-item mega-menu-item-922" id="mega-menu-item-922"><a class="mega-menu-link" href="http://localhost/wordpress/trip/davao-fun-affordable-package/">Davao Fun-Affordable Package</a></li>

Я пытался использовать 

.mega-menu-link{} 
.mega-menu-item-922{}
#mega-menu-item-922{}
.li#mega-menu-item-922{}
#mega-menu-item-922 li{}

кажется, что ничего не работает.

Я ожидаю, что вывод эффективно внесет некоторые изменения в окруженный заголовок, в частности, переместит его влево.

...