Свойства CSS не влияют на <a>ссылку в <li>Joomla 3.6 - PullRequest
Новая
       5

Свойства CSS не влияют на <a>ссылку в <li>Joomla 3.6

0 голосов
/ 14 мая 2018

В моем css-файле у меня есть 

.myclass > ul > li > a {
  display:inline;
  list-style-type:none;
}

, и отображение свойств этого стиля, и тип стиля списка не работают в теге "a".Однако они работают, если помещены в «li», который не служит цели, потому что я хочу ссылки, которые выровнены горизонтально.Посоветуйте пожалуйста что можно сделать. 

<div class="myclass"> 
<ul> 
<li><a href="">About Us </a></li>
<li><a href="">About Us </a></li>
<li><a href="">About Us </a></li>
</ul>
</div>

1 Ответ

0 голосов
/ 14 мая 2018

Похоже, что вы нацеливаетесь здесь не на те элементы - по сути, <a> не имеет list-style-type ни одного и уже встроен, так что вы ничего не увидите. list-style-type - это то, что влияет на <li>, а не на <a>: 

.myclass > ul > li {
  display: inline;
  list-style-type: none;
}

Чтобы сделать это немного понятнее, вы также можете попробовать добавить свойство, которое будет иметь видимое влияние на ваши <a> элементы, такие как цвет: 

.myclass > ul > li > a {
  display:inline;
  list-style-type:none;
  color: hotpink;
}

Тогда вы увидите, что ваш селектор работал - он просто не имел никакого влияния.

...