Есть много различных блоков с разными размерами. Вопрос: могу ли я изменить размер всех этих блоков, добавив их в один общий, при этом необходимо, чтобы все пропорции соблюдались
2 ответа
'use strict'
const div = document.querySelectorAll('div');
document.querySelector('.click').addEventListener('click', () => {
div.forEach(element => {
element.style.width = "100px";
element.style.height = "100px";
})
});
div {
width: 50px;
height: 50px;
border: 1px solid #000;
}
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<button class="click">Click</button>
можно перечислить их класс через запятую и задать стиль можно через :nth-child() можно задать еще так: div.father > div {} - это задаст стиль всем дивом что внутри