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 - :only-of-type

Pattern:

:only-of-type

 

Definition:

The :only-of-type pseudo-class matches any element that is the only child of 
its type in its parent element. 

 

Examples:

Style every <li> element that is the only child of its type in its parent element

li:only-of-type { height: 100px; }
w10schools
w10schools
2014-11-13 12:44:11
Comments
Leave a Comment

Please login to continue.

Popular Articles
Pseudo-Class - :only-child Pattern: :only-child   Definition: The :only-child pseudo-class matches any element that is the only child of its parent element.    Examples:
:only-of-type selector Selects all elements that have no siblings with the same element name. If the parent has other child elem
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
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
Pseudo-Class - :first-of-type Pattern: :first-of-type   Definition: The :first-of-type pseudo-class matches the first child of its type in its parent element.   Examples: St


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