class specified element

This paragraph will be red and center-aligned.

same element with two class

This paragraph will be red, center-aligned, and in a large font-size.

Exported from Notepad++
<!DOCTYPE html> <html> <head> <style> p.type3 { text-align: center; color: red; background-color: rgb(41, 170, 142); } p.type1 { text-align: center; color: red; } p.type2 { font-size: 300%; } </style> </head> <body> <h1 class="type3">class specified element</h1> <!-- no effect --> <p class="type3">This paragraph will be red and center-aligned.</p> <h1 class="type1">same element with two class</h1> <!-- no effect --> <p class="type2 type1">This paragraph will be red, center-aligned, and in a large font-size.</p> </body> </html>