Стили внутри тега самые преоритетные <p style="color:red;"></p>
Cтили в head имеют приоритет над отдельными стилями в файле style.css но стили в теге перекроют стили в head
Наследуемые стили - opacity и тому подобные не возможно отменить но можно обмануть браузер
Вся правда в том что ширину скролящегося блока должен считать js так как css это не умеет ...
И процентами в расчёте пользоваться не стоит а использовать надо max-width тогда этот блок будет ужиматься до min-width а если не указать то до 0
