Блог

Главная - Вопросы по программированию - CSS для таргетинга внутри LI внутри UL

CSS для таргетинга внутри LI внутри UL

#css

#css

Вопрос:

У меня есть HTML, как:

 <ul class="myclass">
<li><a href="www.link.com">stuff here</a></li>
<li><a href="www.link.com">more stuff here</a></li>
</ul>

Я хотел бы использовать ссылки с заглавной буквы, поэтому я использую text-transform:capitalize !important , но они неправильно нацелены.

Вот мой CSS

 ul.myclass li a{
 text-transform:capitalize !important;
}

Также пробовал

 ul.myclass li > a{
     text-transform:capitalize !important;
    }

и

 a ul.myclass li{
     text-transform:capitalize !important;
    }
  

 ul.myclass li a {
  text-transform: capitalize !important;
}  
 <ul class="myclass">
  <li><a href="www.link.com">stuff here</a></li>
  <li><a href="www.link.com">more stuff here</a></li>
</ul>

Комментарии:

1. Я добавил рабочий фрагмент, чтобы показать, что код работает нормально. capitalize делает то, что написано на tin ; первая буква каждого слова пишется с заглавной буквы.

Ответ №1:

используйте text-transform:uppercase 

 ul.myclass > li a{
 text-transform:uppercase !important;
}  
 <ul class="myclass">
<li><a href="www.link.com">stuff here</a></li>
<li><a href="www.link.com">more stuff here</a></li>
</ul>

Комментарии:

1. Спасибо, сэр, вы гений!

2. было бы здорово, если бы вы могли одобрить ответ. @UserSN

3. Раньше выполнялось по таймеру.

4. Код OP уже работал как есть; это заставило его работать по-другому. Не уверен, как это отвечает на вопрос…

5. вопрос только с заглавной буквы, и ему нужно, чтобы все буквы были заглавными. @HereticMonkey

Ответ №2:

В принципе, вы хотите использовать uppercase вместо capitalize кода, он работал нормально, но ваша логика была ошибочной.

Для справки см.: Преобразование текста или см. Код ниже:

HTML

 <ul class="myclass">
<li><a href="www.link.com">stuff here</a></li>
<li><a href="www.link.com">more stuff here</a></li>
</ul>

CSS:

 ul.myclass li a{
 text-transform:uppercase ;
}