Size: a a a

HTML/CSS — русскоговорящее сообщество

2021 February 28

ДГ

Дана Гавалешко... in HTML/CSS — русскоговорящее сообщество
killcode
Подскажите как изменить цвет placeholder
input::placeholder {color: red}
источник

k

killcode in HTML/CSS — русскоговорящее сообщество
источник

IN

Igor N in HTML/CSS — русскоговорящее сообщество
Два двоеточия
источник

k

killcode in HTML/CSS — русскоговорящее сообщество
Igor N
Два двоеточия
пробовал
источник

DM

Denys Mikhalenko in HTML/CSS — русскоговорящее сообщество
Тогда три
источник

BB

Bogdan Bida in HTML/CSS — русскоговорящее сообщество
killcode
пробовал
Ну так значит проблема не в том, что нельзя изменить цвет плейсхолдера, а проблема в коде
Селектор правильный? работают ли другие свойства, импортант влияет на ситуации? итд
источник

IN

Igor N in HTML/CSS — русскоговорящее сообщество
killcode
пробовал
Браузерные префиксы ещё подставь
источник

BB

Bogdan Bida in HTML/CSS — русскоговорящее сообщество
Как минимум выше код для инпута который находится внутри .sale-popup а плейсхолдер вы меняете для .sale-popup который и является инпутом, несостыковочка))
источник

IN

Igor N in HTML/CSS — русскоговорящее сообщество
Bogdan Bida
Как минимум выше код для инпута который находится внутри .sale-popup а плейсхолдер вы меняете для .sale-popup который и является инпутом, несостыковочка))
Да вроде всё верно у него написано
источник

k

killcode in HTML/CSS — русскоговорящее сообщество
Bogdan Bida
Как минимум выше код для инпута который находится внутри .sale-popup а плейсхолдер вы меняете для .sale-popup который и является инпутом, несостыковочка))
.sale-popup это article
источник

IN

Igor N in HTML/CSS — русскоговорящее сообщество
Ааа, вон что. Тогда класс поставь перед инпутом
источник

BB

Bogdan Bida in HTML/CSS — русскоговорящее сообщество
Неправильный селектор — 25% всех бед с неработающим кодом у новичков
источник

k

killcode in HTML/CSS — русскоговорящее сообщество
Igor N
Ааа, вон что. Тогда класс поставь перед инпутом
точняк,
источник

L

LZD in HTML/CSS — русскоговорящее сообщество
ребят а можно css counter увеличивать на 2?
источник

L

LZD in HTML/CSS — русскоговорящее сообщество
ага виду что можно спасибо
источник

D

Dan in HTML/CSS — русскоговорящее сообщество
Всем Ку, Кто знает Бутстрап и Адаптивку?
Кто может пожертвовать своим Часом за $ ?  
необходимо исправить пару косяков, и немного обьяснить...
источник

АЕ

Артем Егоров... in HTML/CSS — русскоговорящее сообщество
Привет...
источник

АЕ

Артем Егоров... in HTML/CSS — русскоговорящее сообщество
чтобы не кикнуло
источник

UT

Unknown T. in HTML/CSS — русскоговорящее сообщество
Добрый вечер.
Может кто-нибудь знает хороший инструмент для экспериментов с svg? Типа чтобы можно было расставлять точки, строить кривые и видеть координаты, опорные линии, в общем для отладки вся инфа
источник
2021 March 01

a

amrl in HTML/CSS — русскоговорящее сообщество
Вот на практике я столкнулся с несколькими вопросами по БЭМ и, хотя, я пересмотрел, наверное, все БЭМ-митапы и многие другие видео по БЭМУ, для меня ответы на, казалось, такие очевидные вопросы остались не совсем очевидными.

Допустим, у меня есть такая структура:

    ...
   <body>

   <header class="header">
     <span class="header__logo">LOGO</span>
   </header>

   <h1>Its home page</h1>

   <div class="some-block">
     <p class="some-block__text">Some stuff</p>
   </div>

   <div class="some-block">
     <p class="some-block__text">Some another stuff</p>
   </div>

   </body>
   </html>

И CSS:

    .header {
     background-color: orangered;
   }

   .some-block {
     background-color: orange;
   }

   .some-block__text {
     margin: 0;
   }

Первый вопрос. Что если мне нужно для блока *Header* поставить margin-bottom: 10px? Так как это блок и я хочу его переиспользовать, то для него задать я не могу. В таких случаях идеально должны подойти миксы, те сделать *Header* элементом другого блока, НО какого?

    ...
   .???__header {
     margin-bottom: 10px;
   }

Второй вопрос. Вот у меня на этой странице есть 2 блока *Some Block* и для них мне нужно сделать margin: 15px, те мне опять же нужно сделать его элементом какого-то блока (какого и как я пойму из первого ответа) и опять же сделать:

    ...
   .???__some-block (или?) {
     margin: 10px;
   }

Но что если для второго такого-же блока мне нужно, чтобы правый внешний отступ был 20px: margin-right: 20px (и это исключительно особенность его расположения на этой страницы, как и внешние отступы по 10px, просто для второго такого-же блока правый отступ нужен в 20px).

Третий вопрос. Что если у меня появились еще 3 дополнительных страницы, например, *About*, *Contacts* и *Policy* на каждой из которых (КРОМЕ *Contacts*) у блока *Header* как и на странице *Home* margin-bottom: 10px, а на странице *Contacts* margin-bottom: 15px (это чисто дизайнерская особенность этой странице и этот отступ для блока *Header* в 15px зависит только от того, что он находится на странице *Contacts*).

Четвертый вопрос. На каждой странице, как в примере со страницей *Home* у меня есть заголовок (h1), который показывает на какой странице я нахожусь и стили которого я до этого момента оставлял базовыми, но вот теперь я решил задать, что на всех этих страницах он будет размером в 27px, те мне его нужно выделить в отдельный блок? Или же на каждой странице сделать его элементом какого-то другого абстрактного блока (какого я пойму из первого вопроса)?

И вот я выделил как-то этот заголовок, но что если на странице *Home* (что является особенностью этой страницы) этот заголовок имеет размер 30px и color: green? Что сделать в этом случае?
источник