Noder SS

Это называется sticky menu. Можете использовать какой нибудь плагин для этого. Если хотите научится самим делать этого вот пример где это описано.

.btn-item-main2 { 
    transform: skew(23deg)       
}

Преобразование не является наследуемым свойством.
Но согласно спецификации, преобразование создаёт новое "пространство координат" для своих дочерних элементов, это то, что происходит в вашем примере. Значение свойства преобразования равно none, но это не означает, что на него не влияет преобразование родительского элемента.
www.w3.org/TR/css-transforms-1/#transform-rendering

Например:

.button {
    background: #63319f;
    padding: 10px 45px;
    color: #fff;
    clip-path: polygon(85% 0, 100% 50%, 85% 100%, 15% 100%, 0% 50%, 15% 0);
}

атрибут name есть у тега select.

htmlbook.ru/css/selection?

// «функция(не важно, сколько раз)»
const readBook = () => console.log('A B C');

// кнопка, которую много раз
const btnRead = document.getElementById('btn-read-book');
btnRead.addEventListener('click', readBook);

// другая кнопка, которая всё.
document.getElementById('btn-lights-out')
  .addEventListener(
    'click',
    () => btnRead.removeEventListener('click', readBook)
  );

Так имеете ввиду?