w10schools
Login Register
  • Home
  • Tutorials
    • HTML, CSS
      • HTML, HTML5
      • CSS, CSS3
    • XML
    • JavaScript, AJAX
    • PHP
    • Ruby on Rails
      • Ruby
      • Rails
    • ASP.NET
      • ASP
      • C# .NET
    • Java
      • JSP
    • Databases
      • MySQL
      • MSSQL Server
      • Oracle
    • Web Server
      • Windows
      • Linux
      • Apache
      • IIS
    • Design
      • Dreamweaver
      • Flash
      • Photoshop
      • Fireworks
      • CorelDRAW
      • Illustrator
  • References
    • HTML
      • Bootstrap
    • CSS
      • CSS Selectors
      • Sass
    • JavaScript
    • Mobile Apps
      • Cordova
    • Ruby on Rails
      • Ruby
      • Rails
    • PHP
      • Function
      • Language
      • CodeIgniter
      • Phalcon
      • PHPUnit
      • Symfony
      • Drupal
      • Yii
      • Laravel
    • Perl
      • Perl
    • Python
      • Python
      • Django
      • NumPy
      • Pandas
      • scikit-image
      • scikit-learn
      • Statsmodels
      • Matplotlib
    • Lua
      • Lua
    • C, C++
      • C
      • C++
    • Server
      • Docker
      • Apache HTTP Server
      • Nginx
    • Database
      • PostgreSQL
    • Big Data
      • TensorFlow
    • Game Development
      • Phaser
      • LÖVE
  • Articles
    • News
    • General
      • Website Promotion
      • Online Advertising
      • Make Money Online
    • Editorials
    • Interviews
    • Web Roundups
  • Resources
    • Design
      • Fonts
      • Graphics
      • Vectors
      • Templates
      • UI (User Interface)
      • Brushes
      • Patterns, Backgrounds
      • Textures
    • Web Development
      • HTML, CSS
      • XML
      • JavaScript, AJAX
      • Ruby on Rails
      • PHP
      • Java
      • .NET
      • Python
      • Perl
      • Flash
    • Mobile Application Development
      • Mobile Development Tools
      • Swift
    • Online Services
      • Online Storage
      • Web Hosting
  • Tools
    • Generators
  • References
  • CSS
  • CSS Selectors

Pseudo-Class - :last-of-type

Pattern:

:last-of-type

 

Definition:

The :last-of-type pseudo-class matches the last child of its type in its parent element.

 

Examples:

Style the last <ul> element of its parent element

ul:last-of-type { border-left: 1px solid yellow; }
w10schools
w10schools
2014-11-13 12:25:36
Comments
Leave a Comment

Please login to continue.

Popular Articles
Pseudo-Class - :nth-last-of-type() Pattern: :nth-last-of-type(Nth) The argument Nth is of the following format: ODD ​Odd numbers, the same signification as 2n+1 EVEN ​​Even, the
Pseudo-Class - :last-child Pattern: :last-child   Definition: The :last-child pseudo-class matches the last child of some other element. Thus, ELEM:last-child will select an
:last-of-type selector Selects all elements that are the last among siblings of the same element name. The :last-of-type selecto
:nth-last-of-type() selector Selects all the elements that are the nth-child of their parent in relation to siblings with the same element name, counting from the last e
Pseudo-Class - :nth-of-type() Pattern: :nth-of-type(Nth) The argument Nth is of the following format: ODD ​Odd numbers, the same signification as 2n+1 EVEN ​​Even, the same


Return to View
  • Facebook
  • Tweet
  • Digg it
  • Stumbleupon
  • Delicious
  • Plus Share

Designed by : w10schools

service@w10schools.com

Our Partners: aeeble – Providing content publishing and search solutions