так понял в sass именно так и пишут- Нет, что на scss плохой код, то в и sass это плохой код. Это одно и тоже, за исключением
{}; 
new Swiper('.swiper', {
navigation: {
nextEl: '.my-awesome-slider-button-next',
prevEl: '.my-awesome-slider-button-prev',
},
});.my-awesome-slider-button-prev { /* ...styles */ };
.my-awesome-slider-button-next { /* ...styles */ };
import { useState } from 'react';
export default function Profile() {
const [name, setName] = useState('Sebastian');
return (
<input
type="text"
value={name}
onChange={event => setName(event.target.name)}
/>
);
}
<img data-id="uuid" />
<p data-id="uuid" >text</p>querySelectorAll('[data-id="uuid" ]');можно ли объявить двум элементам один id
padding-left: 16px; padding-right: 17px и соответственно следовать пиксель в пиксель - делать некачественную верстку, которая займет больше времени.
Object.defineProperty(window, "test", {
value: "QnA"
});test = "X";
test // "QnA"
var test = "Y";
test // "QnA"
window.test = "Habr";
test // "QnA"
const test = "Z" // Uncaught SyntaxError: redeclaration of var testwritable: false – оно и так по умолчанию false. И именно это свойство дескриптора определяет, можно ли назначить новое значение.writable: false, чтобы свойство стало «константным».var test = "Habr";
Object.defineProperty(window, "test", {
value: "QnA",
writable: false,
});// return !!pin.match(/^\d{4}(\d{2})?$/);
return /^\d{4}(\d{2})?$/.test(pin);
.parent__child {
background: gray;
@media (max-width: 777px) {
background: orange;
.parent--custom & {
background: red;
}
}
}.parent__child {
background: gray;
@media (max-width: 777px) {
background: orange;
}
.parent--custom & {
@media (max-width: 777px) {
background: red;
}
}
}.parent__child {
--color: gray;
background: var(--color);
@media (max-width: 777px) {
--color: orange;
}
.parent--custom & {
@media (max-width: 777px) {
--color: red;
}
}
}