一個元素同時使用多個類選擇器

能被.user和.login兩個選擇器選中。

如果這兩個選擇器中有相同的屬性值,則該屬性值先被改為.user中的值,再被改為.login中的值,即重複的屬性以最後一個選擇器中的屬性值為準。

測試代碼如下:

<code>  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<title>無標題文檔title>
<style> 
.user
{
   font-size: 30px;
   background-color:red;
}
.login
{
   background-color:blue;
}
style>
head>
<body>
head>
<body>
你好。這是一個 DIV 元素,class='user'。div>
你好。這是一個 DIV 元素,class='login'。div>
你好。這是一個 DIV 元素,class='user login'。div>
body>
body>
html>/<code>


效果如下圖:

一個元素同時使用多個類選擇器

收藏

舉報


分享到:


相關文章: