3

Помогите определить стили для Teacher, не меняя HTML.

{
  font-weight: bold;
}
<ul class="one">
  <li class="two">
    <a class="three">
      <span class="four">Student</span>
    </a>
  </li>
  <li class="two">
    <a class="three">
      <span class="four">Teacher</span>
    </a>
  </li>
</ul>

4 ответа 4

6

ul.one>li:nth-child(2) span {
  font-weight: bold;
  animation: 1s ellipse ease-in-out infinite;
  position: absolute;
}

@keyframes ellipse {
  50% {
    transform: scale(2);
  }
}
<ul class="one">
  <li class="two">
    <a class="three">
      <span class="four">Student</span>
    </a>
  </li>
  <li class="two">
    <a class="three">
      <span class="four">Teacher</span>
    </a>
  </li>
</ul>

3

как вариант

{
  font-weight: bold;
}

 .one li:nth-child(2) {
    background: red;
}
<ul class="one">
  <li class="two">
    <a class="three">
      <span class="four">Student</span>
    </a>
  </li>
  <li class="two">
    <a class="three">
      <span class="four">Teacher</span>
    </a>
  </li>
</ul>

1

Любой из перечисленных ниже через запятую, тут может быть очень много вариантов.

li:nth-child(2) .four,
li:nth-child(2) span,
.two:nth-child(2) span,
.two:nth-child(2) .four,
.two:last-child span,
.two:last-child  .four {
  font-weight: bold;
}
<ul class="one">
  <li class="two">
    <a class="three">
      <span class="four">Student</span>
    </a>
  </li>
  <li class="two">
    <a class="three">
      <span class="four">Teacher</span>
    </a>
  </li>
</ul>

1

.two + .two {
  font-weight: bold;
}
<ul class="one">
  <li class="two">
    <a class="three">
      <span class="four">Student</span>
    </a>
  </li>
  <li class="two">
    <a class="three">
      <span class="four">Teacher</span>
    </a>
  </li>
</ul>

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.