A simple tabbed widget that works without JavaScript. This snippet makes heave use of the new CSS3 selectors to create a tabbed content area using only CSS, while keeping the markup to a minimum (no hidden inputs & labels). Each tab’s content is toggled using the :target pseudo class selector and the current tab is highlighted using the ~ adjacent sibling combinator.

Tags: #Code, #CSS, #CSS3, #HTML, #HTML5, #List, #SCSS, #Snippets, #Tab, #Web Design, #Web Development, #Widget