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

И тогда дашь стили общие, для "класс" и отдельно свои для "другой класс "

И тогда дашь стили общие, для "класс" и отдельно свои для "другой класс "

Всё, понял! Спасибо

Общие будут для двоих блоков применены

Общие будут для двоих блоков применены

Да, всё сработало, спасибо

подскажите пожалуйста, можно-ли селектировать в css два разных класса что-бы применить один стиль?

.class1, .class2 {} ?

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

в span завернуть politics

в span завернуть politics

это понятно)

это понятно)

и display: block ему

.class1, .class2 {} ?

О, круто, и так можно. Буду знать, спасибо

О, круто, и так можно. Буду знать, спасибо

Советую почитать документацию

Советую почитать документацию

Честно, знал но забыл. Потому и практикую, что-бы отложилось в голове

Честно, знал но забыл. Потому и практикую, что-бы отложилось в голове

https://www.w3schools.com/cssref/trysel.asp в помощь

@WD_Vladislav ping, spam

https://www.w3schools.com/cssref/trysel.asp в помощь

крутая шпаргалка, спасибо

Вжух

@WD_Vladislav ping, spam

Спасиб

Анимировать dispay: none c помощью кейфрейм можно?

нет

Привет Михаил ! Группа Вк: vk.com/web_structure Библиотека верстальщика: @weblibrary Веб Дизайн: @dev_design Freelancer: @web_fl

смена display не анимируется

@UnexpectedBoy https://codepen.io/anon/pen/zagzde Пользуйся. Стили только поменяй на свой вкус

visibility можно менять и opacity

visibility можно менять и opacity

Я уже скинул такое решение в codepen

смотря какое меню, если выдвигается, то можно норм сделать

смотря какое меню, если выдвигается, то можно норм сделать

Если выдвигается - делаешь еще на класс .open другие координаты ) А т.к. transition all, то они тоже будут плавными

Опасити 0 для закрытого состояния ежжи

А потом в 1 анимируй

это я анимацию opacity прост не люблю, мелькает как-то

я еще меняю  z-index: -1 на z-index: 1 без visibility вроде, только с opacity

display не анимируется

даже не пытайтесь

еще раз: не используй display

visibility раньше тоже не работал, вроде добавили не так давно это

Дисплей нан, опасити 0 -> дисплей блок, опасити 1

$('.menu').fadeIn('500')

гг

он не хочет жуквери )

нет анимации, нет и скачка )

используй фреймворки и не парься

да почему бы и нет, или ты уже всю остальную анимацию под 60fps запилил? )

не единственный, просто самый популярный

пофиг же, обычный юзер не будет страницу ресайзить

Это только ты пока делаешь верстку будешь так делать

у меня везде так и я не парюсь, потому что это нормально

пофиг же, обычный юзер не будет страницу ресайзить

классическое заблуждение

Никто в здравом уме не будет ресайзить сайт до 320px

на десктопе

а на мобилках всё фиксированно

ай-яй-яй

пользователи часто ротацию делают, это факт

хз, у тебя эта менюшка должна быть скрыта в любой ориентации на планшете

с 1024px и меньше

тогда не будет проблем

Хотя кто как делает

с 1024px и меньше

а как быть с разрешениями таблеток 800*1280? классика для 10.1"

Видел сайт, где верстальщики изъ.. вратились и под разные ориентации кучу стилей настрогали. У них там типа фуллпейдж. Я потом зае.. мучался править их косяки

а как быть с разрешениями таблеток 800*1280? классика для 10.1"

Это что за устройства с 1280?

Ну под всё не предусмотришь, в общем-то

ERROR: S client not available

а надо

зачем?

Да чем тебя мой вариант в codepen не устроил то? xD

У планшетов не 1024 разве большая ширина?

У планшетов не 1024 разве большая ширина?

загугли айпад2

а надо

какие именно для планшета уникальные свойства юзаются?

загугли айпад2

Это какого года устройство?

загугли айпад2

у плашетов есть и 1280 -- ipad pro там и т.п.

У меня айпад четвертый валяется, там 1024х768

Это какого года устройство?

это до сих пор выпускается, у эпла всего 2 поколения таблеток было

Ну может, я не слежу

понаделили лопат)

я видел планшеты 12" на 1600 по длинной стороне

А когда-то мониторы были 1024х768 семнашки)

я застал моники 320*240, 56 строк, но это не значит, что нужно ограничится только ими, верстка должна быть универсальной

какая разница что там за слоновый планшет, ему всё равно показывается десктопная верстка и ок

гыгыгы, я застал когда за системный блок с 286 просили $3к )

а еще еесть мониторы с портретной ориентацией... жесть все жестче )

гыгыгы, я застал когда за системный блок с 286 просили $3к )

для 286 моники были на 80 строк. 480*320

да чоуж, помню когда только 8086 были

для 286 моники были на 80 строк. 480*320

были, да )

а теперь представьте, что у макпро 27" по ширине 5200+ точек... и верстка должна быть как для него, так и для аппарата на 4 дроиде 320 по ширине

а теперь представьте, что у макпро 27" по ширине 5200+ точек... и верстка должна быть как для него, так и для аппарата на 4 дроиде 320 по ширине

он 2560 точек так то, и iphone SE тоже 320, хотя вполне свежий

он 2560 точек так то, и iphone SE тоже 320, хотя вполне свежий

2018 года? погугли

я не про макбук, а про макпро декстоп

5120×2880

я не про макбук, а про макпро декстоп

ччо за макпро?

ты ошибаешься, там обычный дисплей, viewport width = 2560px

ну ретина канешн, но на верстку не влияет