Есть стиль, примененный ко всей странице.
Кусок кода:
ul.checkout-bar li.last:after {
background-size: 35px 35px;
background-color: #57aed1;
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
-webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
content: "";
border-radius: 15px;
height: 15px;
left: 50%;
position: absolute;
top: -50px;
width: 55%;
z-index: 50;
}
К определенному участку кода в html, мне нужно изменить этот стиль, оставив остальные элементы с изначально заданными параметрами. В реальности нужно изменить только параметр width: 55%; на width: 110%;
Если бы в стиле не было конструкции ul.checkout-bar li.last:after { }, то я бы этот стиль просто поменял бы добавив в html тег style="width:110%;", но вот как добавить условное форматирование ul.checkout-bar li.last:after ?
