简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > CSS Tutorial > body text

Teach you how to use css3 to change colors between rows

PHPz
Release： 2017-04-02 10:52:21
Original
1862 people have browsed it

How to achieve interlaced color change in css3? Use css3 selector p:nth-of-type(odd) odd and p:nth-of-type(even) even

The following are some examples:

<!DOCTYPE html>
<html>
<head>
<style> 
p:nth-of-type(odd)
{
background:#ff0000;
}
p:nth-of-type(even)
{
background:#0000ff;
}
</style>
</head>
<body>
 
<h1>This is a heading</h1>
<p>The first paragraph.</p>
<p>The second paragraph.</p>
<p>The third paragraph.</p>
 
</body>
</html>
Copy after login

Teach you how to use css3 to change colors between rows

The above is the detailed content of Teach you how to use css3 to change colors between rows. For more information, please follow other related articles on the PHP Chinese website!

Related labels：
css3，隔行换色
source：php.cn
Previous article：Detailed explanation of the usage of CSS writing-mode text layout attribute Next article：Introducing the use of REM in css3
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Why when vertically aligning a button element in a div, the element has more vertical space than defined by CSS margins? I have a work in progress page on this site and I thought the hardest part of this page wo...
From 2023-09-14 18:49:41
0
2
252
How to change color: use buttons Is there a way for me to write fewer lines of code in this function? I want it to switch b...
From 2023-09-05 16:38:19
0
1
200
How to prevent table cells with dashes from wrapping in HTML/CSS? I know my question looks very similar to this one: How to prevent text from wrapping in ta...
From 2023-08-29 09:18:25
0
2
321
Query values ​​in comma separated string in MySQL I have a field COLORS(varchar(50)) in my table SHIRTS which contains a comma separated str...
From 2023-08-17 14:24:54
0
2
196
Python method to extract HTML page strings and convert them into data frames I have an HTML page containing a string. I want to convert it to dataframe. Rows in this s...
From 2023-08-16 13:28:27
0
1
252
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！