How to select even rows of a table by css3

This article mainly explains the "css3 how to select the even rows of the table", the article explains the content is simple and clear, easy to learn and understand, the following please follow the editor's ideas slowly in depth, together to study and learn "css3 how to select the even rows of the table" it!

In css, the even-numbered row elements of the table can be selected by the "nth-child ()" selector, which is used to match the nth child element belonging to its parent element. When the value in the selector is "2n", an even number of objects will be selected. The syntax is "table row elements: nth-child (2n) {css style code;}".

The operating environment of this tutorial: windows10 system, CSS3&&HTML5 version, Dell G3 computer.

How to select even rows of a table by css3

In css, to select even row elements of a table, you need to use the "nth-child ()" selector.

The nth-child (n) selector matches the Nth child element that belongs to its parent element, regardless of element type.

N can be a number, keyword, or formula.

When the value in the selector is 2n, an even number of elements are selected.

Examples are as follows:

Tr:nth-child (2n) {background:#ff0000;} 111 222 333 444 555 66777 888 555 666 777 888

Output result:

Thank you for your reading, the above is the content of "css3 how to select the even rows of the table". After the study of this article, I believe you have a deeper understanding of how to choose the even rows of the table by css3. The specific use of the situation also needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!