Различные CSS в конкретном URL

Question

Я хочу, чтобы добавить конкретные css когда url изменения:

пример:

example.org/43-product.html#/2-size-s/11-color-black/28-modele-coffee 

Когда я выбираю атрибут на моем сайте, то url изменение, как если бы я выбрать white color, который будет дайте мне:

example.org/43-product.html#/2-size-s/8-color-white/28-modele-coffee 

Я хочу поставить фон, когда выбран цвет черный и o для белого и для всех возможных комбинаций.

Я использовал эту функцию для проверки URL

<script type="text/javascript"> 
    $(document).ready(function() { 
     if(window.location.href.indexOf("franky") > -1) { 
      alert("your url contains the name franky"); 
     } 
    }); 
</script> 

Но это работает только если я обновить страницу, есть способ, чтобы заставить его работать так, чтобы изменения URL-адреса без какого-либо обновления?

Answer 1

Вы можете сохранить ваши style.css, как style.css.php и заполнить верхнюю часть с например:

<?php 
    header('Content-type: text/css'); 
    $background_color = htmlentities($_GET['background_color'], ENT_QUOTES, 'UTF-8'); 
?> 
/* CSS code goes here */ 

... или что-то подобное. Обратите внимание, что код просто представлен в качестве примера и не защищен (отсутствует, если цвет установлен, цвет существует ...)