zoozag

function sizePic() {
    height = document.getElementsByTagName("input")[0].value; // getElementsByTagName и [0]
    bar = document.getElementsByClassName("bar");
    bar[0].style.height = height + 'px'; // [0], style и 'px'
}

как перевести это значение в em

Чем отличается line-height = 1em от line-height = 1

.woocommerce div.product div.images .flex-control-thumbs li {
  box-sizing: border-box;
  padding: 10px;
}

Схлопывание не срабатывает:

• для элементов, у которых установлено свойство padding.
  
• для элементов, у которых на стороне схлопывания задана граница;
  
• на элементах с абсолютным позиционированием, т.е. таких, у которых position установлено как absolute;
  
• на плавающих элементах (для них свойство float задано как left или right);
  
• для строчных элементов;
  

svg:not(.some-class) g, svg:not(.some-class) path {fill: inherit}

div.tab-frame input:nth-of-type(1):checked ~ .tab:nth-of-type(1)

left: 50%;
top: 50%;
transform: translate(-50%, -50%);