CSS Pseudo-classes - The Diigo Meta page

• 10 Oct 16
  

  woogonchung
  • a special state  of an element
• 19 May 16
  

  elurie

  first child nav or p

• 07 Mar 16
  

  mak17394
  • Pseudo-classes can be combined with CSS classes:
  • The :first-child pseudo-class matches a specified element that is the first child of another element.
• 22 Feb 16
  

  T. Karhu

  css ohjeet

• 06 Oct 15
  

  Jennifer Kay De Leon

  css web design

• 05 Oct 15
  

  jidezuxian
  • A pseudo-class is used to define a special state  of an element.
  • Note: a:hover MUST come after a:link and  a:visited in the CSS definition in order to be effective! a:active MUST come after  a:hover in the CSS definition in order to be effective! Pseudo-class names are not case-sensitive.
  • Pseudo-classes can be combined with CSS classes:
  • any <p> element that is the first child of any element:
  • the first <i> element in all <p> elements
  • atches all <i> elements in <p> elements that are the first child of another element:

  4 more annotations...

• 22 Sep 15
  

  dubeux

  Well organized and easy to understand Web bulding tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, PHP, and XML.
  

• 29 May 15
  

  Adam Roades

  pseudo-element tricks CSS

• 12 May 15
  

  Andrej Bergant

  • A pseudo-class is used to define a special state  of an element.

     
  • • Style an element when a user mouses over it
     
    • Style visited and unvisited links differently
     
  • a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!
     a:active MUST come after a:hover in the CSS definition in order to be effective!!

  1 more annotation...

• 14 Mar 15
  

  highestblue
  • :first-child pseudo-class matches a specified element that is the first child of another element.
  • The :lang pseudo-class allows you to define special rules for different languages.
  • :active
  • :checked
  • :target

  3 more annotations...

• 28 Jan 15
  

  sam l
  • selector:pseudo-class {
• 26 Jan 15
  

  Albert Baumann

  Pseudo css reference design w3schools

• 09 Dec 14
  

  c0de8ug
• 30 Oct 14
  

  neethish raju
  • CSS Pseudo-classes

  2 more annotations...

• 17 Sep 14
  

  tuyen6310
• 04 Sep 14
  

  hamidbehnam
  • CSS pseudo-classes are used to add special effects to some selectors.
  • A pseudo-class is used to define a special state  of an element.
  • a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!
     a:active MUST come after a:hover in the CSS definition in order to be effective!!
     Pseudo-class names are not case-sensitive.
  • ::before
  • ::after
  • ::selection

  4 more annotations...

• 06 Jun 14
  

  jsaenz4

  • The syntax of pseudo-classes:

     

     selector:pseudo-class {
        property:value;
    }

     

    CSS classes can also be used with pseudo-classes:

     

     selector.class:pseudo-class {
        property:value;
    }
• 06 Jan 14
  

  Chase Jensen

  I am not understanding this syntax.
  
  I don't know what selector: is referring to.

  • selector:pseudo-class {property:value;}
• 12 Nov 13
  

  Rakesh Behera
  • CSS pseudo-classes are used to add special effects to some selectors.
  • selector:pseudo-class {property:value;}
  • a:link {color:#FF0000;}      /* unvisited link */
  • a:visited {color:#00FF00;}  /* visited link */
     a:hover {color:#FF00FF;}  /* mouse over link */
     a:active {color:#0000FF;}  /* selected link */
  • a.red:visited {color:#FF0000;}
  • p:first-child
     {
     color:blue;
     }
  • p > i:first-child
     {
     color:blue;
     }
  • p:first-child i
     {
     color:blue;
     }
  • The :lang pseudo-class allows you to define special rules for different languages.
  • :lang(no) {quotes: "~" "~";}

  8 more annotations...

• 24 Jul 13
  

  Hagure Metaru

  July 23, 2013 at 06:46PM

  IFTTT css3 css reference webdesign

• 21 Jun 13
  

  Sofia Papastamkou

  css

• 17 Dec 12
  

  yun xia
  • used to add special effects to some selectors
  • selector:pseudo-class {property:value;}
  • selector.class:pseudo-class {property:value;}

  1 more annotation...

• 16 Dec 12
  

  bigal440

  70-740

• 07 Nov 12
  

  張 旭

  css pseudo selector class html

• 12 Oct 12
  

  uwe d.

  css selektoren pseudoklassen

• 18 Feb 12
  

  Terry Leigh Britton

  css reference Pseudo webdesign Code design

• 

  Wes Thompson
  • CSS pseudo-classes are used to add special effects to some selectors.

  • Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!

     

    Note: a:active MUST come after a:hover in the CSS definition in order to be effective!!

     

    Note: Pseudo-class names are not case-sensitive.
• 26 Oct 11
  

  first-child

  CSS

• 23 Sep 11
  

  Sam Ransford

  css reference Pseudo webdesign

• 19 Jul 11
  

  Scott Bergman
  • CSS pseudo-classes are used to add special effects to some selectors.

  • Links can be displayed in different ways in a CSS-supporting browser:

       

    Example    a:link {color:#FF0000;}      /* unvisited link */   a:visited {color:#00FF00;}  /* visited link */   a:hover {color:#FF00FF;}  /* mouse over link */   a:active {color:#0000FF;}  /* selected link */
  • In the following example, the selector matches the first <i> element in all <p> elements:
  • p > i:first-child
  • p:first-child i
  • All CSS Pseudo Classes/Elements

  4 more annotations...

• 20 Jun 11
  

  Jeannette *

  first-child and other magic

  css reference

  • CSS - The :first-child Pseudo-class

     

    The :first-child pseudo-class matches a specified element that is the first child of another element.

     

    Note: For :first-child to work in IE8 and earlier, a <!DOCTYPE> must be declared.

      

    Match the first <p> element

     

    In the following example, the selector matches any <p> element that is the first child of any element:
• 16 May 11
  

  Xuan Dong
  • pseudo-classes are used to add special effects to some selectors

  • The syntax of pseudo-classes:

       

    selector:pseudo-class {property:value;}
• 07 Apr 11
  

  Dave Mason

  link code, code for style links

  code for styling links

• 20 Mar 11
  

  Faster Dude

  css pseudo classes

  • :active  Adds a style to an element that is activated
  • :first-child  Adds a style to an element that is the first child of   another element
  • :focus  Adds a style to an element that has keyboard input focus
  • :hover  Adds a style to an element when you mouse over it
  • :lang  Adds a style to an element with a specific lang attribute
  • :link  Adds a style to an unvisited link
  • :visited  Adds a style to a visited link

  5 more annotations...

• 19 Feb 11
  

  danthedane

  pseudo-classes w3schools reference CSS

• 19 Aug 10
  

  gwenim
  • CSS pseudo-classes are used to add special effects to some selectors.
  • The :first-child pseudo-class matches a specified element that is the first child of another element.
  • The :lang pseudo-class allows you to define special rules for different languages.
  • :lang  Adds a style to an element with a specific lang attribute

  2 more annotations...

• 15 Jul 10
  

  Carly Finseth

  css reference tutorial webdev webdesign

• 25 Jun 10
  

  Brian Drummond

  css pseudo-classes

• 02 Jun 10
  

  D C

  Pseudo-classes

  css webdesign tutorial reference w3schools otimo

• 15 May 10
  

  Charles Gnilka

  CSS pseudo-classes are used to add special effects to some selectors.

  css.navigation css.tutorial

• 08 Mar 10
  

  Akshey Jawa
  • The :first-child pseudo-class matches a specified element that is the first child of another element.
• 18 Feb 10
  

  Sub Proletarian

  css

• 29 Mar 08
  

  Chris Bell

  a:visited {color: #00FF00}

  Code css design reference webdesign

• 28 Feb 08
  

  jordan zhou

  css

• 06 Feb 08
  

  Adriana Atzimba Tienda Martínez

  howto html navigation programming reference resources tutorial typography web webdesign xhtml Code CSS Design webdev work tools tips tool

• 21 Dec 07
  

  vincoli sull'ordine delle dichiarazioni delle caratteristiche delle classi di link

• 19 Oct 07
  

  Renee Talabucon

  articles design guides howto HTML css reference tutorials

• 16 Oct 07
  

  swan lin

  css

  • selector:pseudo-class {property: value}
  • selector.class:pseudo-class {property: value}
  • a:link {color: #FF0000} /* unvisited link */ a:visited {color: #00FF00} /* visited link */ a:hover {color: #FF00FF} /* mouse over link */ a:active {color: #0000FF} /* selected link */

  1 more annotation...

• 04 Feb 07
  

  Pere Rosales

  css design Reference webdev code WebDesign

• 10 Oct 06
  

  Leonard Krill

  css anchorlink

• 22 Jun 06
  

  Miren A

  Pseudo clases

  CSS

• 31 May 06
  

  thujap

  css pseudo classes

• 13 May 06
  

  Greg Gannicott

  Pseudo css class stylesheet inheritance

• 02 Oct 05
  

  César Córcoles

  webdev css

• 24 Jan 05
  

  Dave Lovely

  CSS to add different effects to some selectors, or to a part of some selectors.

  css design

Would you like to comment?

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