У цій статті я хочу поділитися двома корисними порадами щодо CSS, які можуть зробити ваш сайт більш зручним і привабливим для користувачів.
Перша порада стосується зміни кольору курсора. Навіть невеликі деталі, як-от зміна кольору курсора, можуть істотно покращити взаємодію з користувачем. За допомогою CSS ви можете легко змінити колір курсора. Ось приклад:
input {
caret-color: blue;
}
.myInput {
caret-color: #00ff00;
}
.custom {
caret-color: rgb(255, 100, 0);
}
В результаті, курсор у текстовому полі змінюється на той колір, який ви вказали. Я використовував оранжевий колір за допомогою значень rgb.
Друга порада стосується використання властивості :is() у CSS. Ця властивість дозволяє застосовувати стилі до кількох елементів одночасно, що є дуже зручним, коли вам потрібно змінити стиль лише для певних елементів у групі. Наприклад, якщо ви хочете, щоб стиль застосовувався лише до тегів h1, h3 та h4, а не до h2, ви можете використати наступний код:
.container :is(h1,h3,h4){
color: yellow;
}
Це дозволяє встановити жовтий колір для вмісту тегів h1, h3 і h4, але не для h2. Таким чином, ви можете точніше контролювати, де і які стилі застосовуються.
Якщо ці поради виявилися корисними, не забудьте поставити лайк — це допоможе іншим знайти цей матеріал!
Перекладено з: Enhance your website with tiny CSS tips