Anton Bobylev

(?=(<\/?div><br><\/div>))(?!(<div><br><\/div>)$)

https://regex101.com/r/ZDRIjx/1

Пробелы между названием метода и скобками уберите. И экшн пропишите.

При такой верстке это не возможно без использования JS. Нужно либо дождаться поддержки :has, либо каким-то образом вынести ссылки на один уровень с чекбоксом и использовать ~

Верстку поправьте, у вас в списке то </a></li>, то </li></a>

jsbin.com/kojawuw/edit?html,css,output

Когда возникает желание использовать элементы не по назначению стоит подумать о других архитектурных решениях. Лейблы изначально не задумывались как контейнерные элементы, просто в них было удобно оборачивать элементы формы, чтобы клик по лейблу активировал элемент. А вложенные лейблы могут вызвать непредсказуемое поведение формы.

Вот ссылка, где рассказывают как правильно структурировать форму (см. label) : https://developer.mozilla.org/en-US/docs/Web/Guide...

Используйте namespace. Это достаточно распространенная практика для изоляции стилей.

Вот смотрите: https://jsfiddle.net/vLxva1vq/3/.

@media (min-width: 992px) {
  .row-centered {
    text-align: center;
  }
  .col-centered {
    display: inline-block;
    float: none;
    /* reset the text-align */
    text-align: left;
    /* inline-block space fix */
    margin-right: -4px;
  }
}

В ресете стилей выставьте:
box-sizing: border-box;
И ширину контейнера сделайте без учета ширины бордюра дочерних элементов, т.е. 400px, а не 404px.

https://jsfiddle.net/5wL9rtm6/

При таких составных слагах придется их парсить и вручную сворачивать/переключать контроллы не надеясь на плагины.

Разбивайте строку на сегменты и дальше с массивом сегментов работайте.

var slug = window.location.hash;
var segments = slug.split('#').slice(1);

Сложность парсера зависить от наличия конвенции по формированию слага. Если элементов не больше определенного количества и их порядок не меняется - то все очень просто, если нет - придется добавить блок определения сегмента по каким-либо признакам.

https://jsfiddle.net/m2gyypma/

Возможно это поможет:
stackoverflow.com/questions/11236085/create-a-map-with-clickable-provinces-states-using-svg-html-css-imagemap

Там в ответах обсуждается плагин для jQuery и вариант реализации через svg и xslt

На ie8 (8.0.7601.17514) не смог воспроизвести. После клика по «медленной» ссылке — вне зависимости от местоположения курсора индикатор показывает, что страница загружается. Иногда медленная страница падает с ошибкой.

Попробуйте так: cssarrowplease.com/

Валидатор ругается на <li> в <section> может в этом дело?

Вращая в обратную сторону: jsfiddle.net/52z8N/3/, хотя это тот еще костыль

stackoverflow.com/questions/7045140/prevent-children-from-inheriting-transformation-css3?lq=1

Вот, что удалось найти, надеюсь поможет:

Audio Stereo Panning
HTML5 Audio currently has no way of panning audio tracks left or right (adjusting the balance). Recommend adding a HTMLMediaElement.balance property, floating point decimal, with a range of "-1" (full left speaker), to «0.0» (center, both channels at full volume), to «1.0» (full right speaker). This should work on both mono and stereo tracks.

var sound = new Audio('env/water-loop.mp3');
sound.balance = -1; // full left speaker
sound.play();

Changing this value should have an immediate effect on audio that is already playing — i.e. balance should not be buffered.

updates.html5rocks.com/2012/08/Quick-FAQs-on-input-type-date-in-Google-Chrome