Псевдоэлемент first-line

Question

Почему-то не работает этот псевдоэлемент в медиа запросах, в десктопе все норм

.textBlock:first-line {
  text-transform: upperCase;
  font-size: 15px;
}

@media screen and (max-width: 450px){
.textBlock:first-line {
  text-transform: upperCase;
  font-size: 15px;
   }
}

<div class="textBlock"> some text <br> some text some text some text some text some text some text <br> some text some text some text some text </div>

Сколько раз мне скидывать одно и тоже, чтобы вы поняли? Я скидываю то, как у меня написан медиа запрос.

@media screen and (min-width: 1200px) {
  .textBlock:first-line {
    color: green;
    text-transform: lowercase;
  }
}

Answer 1

Ну, не знаю, прописываю, скажем, так:

.textBlock:first-line {
  text-transform: upperCase;
  font-size: 15px;
}

@media screen and (min-width: 1200px) {
  .textBlock:first-line {
    color: green;
    text-transform: lowercase;
  }
}

<div class="textBlock"> some text <br> some text some text some text some text some text some text <br> some text some text some text some text </div>

И отлично всё работает при развороте на весь экран. То есть медиа-запрос отрабатывает. Покажите КАК у вас прописан медиа-запрос?

БЛОГ НА HUSL

Псевдоэлемент first-line

Ответы (1 шт):