Как можно указать медиазапросы без id или class?

Question

[itsdaibend]

Смотрите, мне сказали что сейчас лучше всего практиковать надпись кода без классов, я так и поступил. Я указывал в КСС
каждый элемент через родительские блоки. Пример: https://jsfiddle.net/bx33cL1n/

Но с таким методом я не могу делать медиазапросы, ибо у меня появляется ошибка. Что делать? Классы прописывать и переделывать сайт не хочу..

Comments

[Pavel Kuzyakin]

ибо какая у вас получается ошибка?

[sim3x]

надпись кода без классов

Подскажите, кто вам такое посоветовал?

[Сергей delphinpro]

Смотрите, мне сказали что сейчас лучше всего практиковать надпись кода без классов

Никогда больше не слушайте этого человека.

я так и поступил

очень зря

[Одиночка Айс]

Сломайте ноги вашему советчику, вполне возможно вас потролили.

[Ankhena]

Но с таким методом я не могу делать медиазапросы, ибо у меня появляется ошибка.

Как бы нам догадаться какая?

Смотрите, мне сказали что сейчас лучше всего практиковать надпись кода без классов, я так и поступил.

Мы смотрим. А тем, кто сказал, наверняка сейчас очень весело.
Соберитесь с силами и переделайте, пока шутка не переросла в полную катастрофу для вашего сайта.

Answer 1

[Никита Souvel]

Отвечу не совсем на вопрос. Не слушай того человека, который тебе это сказал. Это крайне сомнительный способ что-либо делать и по сути не правильный, да и к тому же бессмысленный, не забивай голову такой фигней, если только начинаешь верстать.

Answer 2

[VelAnna]

Хм... а как вы планируете поступать, если надо добавить какой-то новый элемент где-то внутри уже существующих? Будете переписывать стили? Т.к. в таком случае ваша цепочка иерархии тегов, прописанная в стилях, полетит к чертям)

Answer 3

[entermix]

https://www.w3schools.com/cssref/css_selectors.asp

Answer 4

[Dima Polos]

Вообще, сейчас рулит БЭМ, Советую познакомиться:)
В БЭМ как раз все на классах, и таким образом избегаем вложенности.
Второй момент, Вы говорите, что пишете медиазапрос и возникает ошибка, они не работают!? Скорее всего, Вы в основных стилях используете один селектор, а в медиазапросе другой, с меньшим весом. Вот, про специфичность.
Например, если в стилях пишете:

div.class-some .wrapper h2 span{
   color: red;
}

То в медиазапросе надо повторить селектор, вот так работать НЕ будет:

@media screen and (min-width: 1200px ){
  .class-some span{
     color: green;
  }
}

Надо вот так:

@media screen and (min-width: 1200px ){
  div.class-some .wrapper h2 span{
     color: green;
  }
}

Потому что в первом случае вес селектора меньше, чем во втором, несмотря на медиазапрос.
Вы про это спрашивали?