标签选择器，类选择器，id选择器

xiaoxiao2021-04-17 54

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> /*标签选择器：作用于当前页面所有匹配标签*/ li{ color: red; } /*类选择器：作用于当前页面所有class值为red的标签*/ .red{ color:bisque; } /*id选择器：id具有唯一性*/ #z { color: aqua; } </style> <title>选择器</title> </head> <body> <ul> <li style="color: aqua">1</li> <li style="color: aqua">2</li> <li style="color: aqua">3</li> <li style="color: aqua">4</li> </ul> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul> <ul> <li>1</li> <li class="red">2</li> <li>3</li> <li class="red">4</li> </ul> <ul> <li id="z">1</li> <li>2</li> <li>3</li> <li>4</li> </ul> </body> </html>

转载请注明原文地址: https://ju.6miu.com/read-673710.html

技术

最新回复(0)