Meet the Pseudo Class Selectors CSSTricks Css tricks, Web development programming, Css tutorial
CSS :first-of-type :first-of -type In This Article The :first-of-type CSS pseudo-class represents the first element of its type among a group of sibling elements. /* Selects the first
to appear inside a parent element regardless of its position inside the siblings */ p:first-of-type { color: red; }
Login form using HTML & CSS MAZ TECH
The :first-of-type selector matches every element that is the first child, of a particular type, of its parent. Tip: This is the same as :nth-of-type (1). Browser Support The numbers in the table specifies the first browser version that fully supports the selector. CSS Syntax :first-of-type { css declarations; } Demo
CSS Selectors
The :first CSS pseudo-class is used with the @page at-rule to select the first page in a printed document. It's very similar to the way :first-child selector works to target the first child element in a parent container, but instead selects the first printed page in a series of pages when the document is sent to a printer.. @page :first { margin: 50%; }
CSS firstchild selector YouTube
The :first-of-type Selector is used to targeting the first child of every element of it's parent. if we want to style the first child of an element without giving a class, we can use it. Syntax: :first-of-type { //property } Example: HTML