The Difference Between ID and Class - CSS-Tricks - The Diigo Meta page

• 16 Apr 12
  

  Alexander Johnson

  id class html css code

• 03 Jan 12
  

  danga kun

  MMORPGs [Nombre de la carpeta]

• 27 Sep 11
  

  ken shoufer

  imported Bookmarks css webdesign class id html code tutorial design

• 21 May 11
  

  Jiten Bhagat

  css class id difference tutorial webdev _dev

• 18 Apr 11
  

  Ben Turner

  css div id class difference

• 04 Apr 11
  

  Chadley Uekman

  css

• 17 Jan 11
  

  Sangwon Kim
• 01 Dec 10
  

  Suzanne Mathews

  css webdesign html design tips

• 16 Nov 10
  

  leftherism
• 27 Sep 10
  

  Mark Blair

  "ID’s and Classes are “hooks”
  
  We need ways to describe content in an HTML/XHTML document. The basic elements like <h1>, <p> and <ul> will often do the job, but our basic set of tags doesn’t cover every possible type of page element or layout choice. For this we need ID’s and Classes. For example <ul id=”nav”>, this will give us the chance to target this unordered list specifically, so that we may manipulate it uniquely to other unordered lists on our page. Or we might have a section on our page that has no relevant tag to signify it, for example a footer, where we might do something like this: <div id=”footer”>. Or perhaps we have boxes in our sidebar for keeping content over there separated in some way: <div class=”sidebar-box”>."

  css tutorial

• 22 Sep 10
  

  Ivan

  • ID’s have special browser functionality

    Classes have no special abilities in the browser, but ID’s do have one very important trick up their sleeve. This is the “hash value” in the URL. If you have a URL like http://yourdomain.com#comments the browser will attempt to locate the element with an ID of “comments” and will automatically scroll the page to show that element. It is important to note here that the browser will scroll whatever element it needs to in order to show that element, so if you did something special like a scrollable DIV area within your regular body, that div will be scrolled too.

    This is an important reason right here why having ID’s be absolutely unique is important. So your browser knows where to scroll
• 18 Aug 10
  

  Patrick Maciel Campos

  css

• 28 Jul 10
  

  gwenim
  • ID’s are unique
  • • Each element can have only one ID
    • Each page can have only one element with that ID
  • • You can use the same class on multiple elements.
    • You can use multiple classes on the same element.

  1 more annotation...

• 20 Feb 10
  

  Hagure Metaru

  i always forget about the ID #tag thing

  css

• 12 Nov 09
  

  Travis Stiles

  webdesign css webdev xhtml html code class id

• 21 Jul 09
  

  Dave Vernon

  CSS

• 28 Jun 09
  

  Yelena Shabrova

  7/9/08 / Chris Coyier

  CSS_selectors_class CSS_selectors_id

• 25 Jun 09
  

  Sven Wolfermann

  css webdesign id class tutorial

• 

  Joy Mayer

  webdesign css resource J4301

• 13 Apr 09
  

  Alejandro Valdez

  código css class id

• 05 Apr 09
  

  Colin Taylor

  web design webdesign code css class id deliciousimport

• 09 Feb 09
  

  Tohir Solomons

  Microformats are just specific class names
  
  Think microformats are over your head? They aren’t! They are just regular markup that make use of standardized class names for the information they contain.

  css class id microformats

• 01 Sep 08
  

  fwy leung

  programming

• 21 Jul 08
  

  Michael Joyce

  css id class webdesign fromDelicious

• 14 Jul 08
  

  Alejandro Mohamad

  Bookmarks CSS id class design webdesign tutorial code development tips

• 11 Jul 08
  

  Adolfo Pérez

  css class id design webdesign tutorial code web fromDelicious

• 10 Jul 08
  

  Elad Ossadon

  css beginners send-tech-archive

• 09 Jul 08
  

  Randy Brown

  css tutorial

• 

  Maggie Wolfe Riley

  What he doesn't mention is how ID's get higher priority over classes, but this is a good intro.

  webdesign html code css class tips microformats

• 

  Ben Elwell

  css design tutorial web id code webdesign class guide

• 

  Ordizia Jakintza

  ID eta Class-en artean dauden ezberdintasunak

  code css design div class id diseinua

Would you like to comment?

Join Diigo for a free account, or sign in if you are already a member.