Open goldEli opened 4 years ago
说说 CSS 选择器权重及其优先级是什么
并解释下面代码中 p 标签为什么是绿色
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .font-color{ color: purple; } </style> </head> <body> <p class="font-color" style="color: green;">我是什么颜色</p> </body> </html>
1、权重: !import:无穷大 内联样式:1000 id选择器:100 类/伪类/属性选择器:10 标签/伪元素选择器:1 优先级:!import>内联>id>类/伪类/属性>标签/伪元素 2、因为内联样式优先级比类选择器高
说说 CSS 选择器权重及其优先级是什么
并解释下面代码中 p 标签为什么是绿色