实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css选择器优先级</title> <style> h3{color: #000; background: lawngreen; } .one{ background: pink; } #two{ background: lightseagreen; } </style> </head> <body> <h3>花开花落花无悔,缘来缘去缘如水。</h3> <h3 class="one">花开花落花无悔,缘来缘去缘如水。</h3> <h3 clsss="one" id="two">花开花落花无悔,缘来缘去缘如水。</h3> <h3 class="one" id="two" style="background:red">花开花落花无悔,缘来缘去缘如水。</h3 </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
css选择器优先级:标签选择器 < class选择器 < id选择器 < 内联样式style