查看: 107  |  回复: 0
  CSS 前后两个class和style看谁生效
楼主
发表于 2024年6月13日 22:42
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
    .s1 {color: red;}
    .s2 {color: green;}
</style>
</head>
<body>
<p class="s1" class="s2">1

<p style="color:blue;" style="color:gray;">2

<p class="s1" class="s2" style="color:blue;" style="color:gray;">3

</body> </html>

运行结果:

红色

蓝色

蓝色


看来两个class,前面的class优先。

看来两个style,前面的style优先。

看来两个class和两个style,前面的style优先。

您需要登录后才可以回帖 登录 | 立即注册
【本版规则】请勿发表违反国家法律的内容,否则会被冻结账号和删贴。
用户名: 立即注册
密码:
2020-2024 MaNongKu.com