Home > Article > Web Front-end > What selector should be used to select the sub-element in css?
In CSS, if you want to select the child element of a specified element, you can use the ":nth-child()" selector. The ":nth-child()" selector can match the Nth child element belonging to its parent element, regardless of the type of element; and N can be a number, keyword, or formula.
The operating environment of this tutorial: Windows 7 system, CSS3&&HTML5 version, Dell G3 computer.
css selector specifies the number of child elements in the element
:nth-child(n) The selector matches the nth child element that belongs to its parent element N child elements, regardless of element type.
n can be a number, keyword or formula.
Example:
tr td:nth-child(2){ background-color:gray; }
is the attribute of the second td of td in tr
tr:nth-child(2n+0){ background-color:#F0F0F0; }
This is a multiple of 2 of tr
Use the formula (an b). Description: Indicates the length of the period, n is the counter (starting from 0), and b is the offset value.
Here, we specify the background color of all p elements whose subscripts are multiples of 3:
p:nth-child(3n+0) { background:#ff0000; }
(Learning video sharing: css video tutorial)
The above is the detailed content of What selector should be used to select the sub-element in css?. For more information, please follow other related articles on the PHP Chinese website!