jQuery add class based on page URL

Jquery

$(function(){ function stripTrailingSlash(str) { if(str.substr(-1) == '/') { return str.substr(0, str.length - 1); } return str; } var url = window.location.pathname; var activePage = stripTrailingSlash(url); $('#left-nav ul li a').each(function(){ var currentPage = stripTrailingSlash($(this).attr('href')); if (activePage == currentPage) { $(this).addClass('active'); } }); });

Target only Safari and Chrome with CSS

CSS

@media screen and (-webkit-min-device-pixel-ratio:0) {

#title {
color: red !important;
}
}

set margin for span tag

CSS

display:inline-block

span is an inline element, not a block element, and they don't respect margin. You can use padding or make the span display:inline-block; and then use margins.

Jquery load with fadeout effect

HTML

• Sample 1
• Sample 2
• Sample 3

Jquery

$(document).ready(function(){
  $('li a').click(function(){
   var url = $(this).attr("href");
    $('#container').fadeOut('slow', function(){
    $('#container').load(url, function(){
    $('#container').fadeIn('slow');
   });
  });
});
});