亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

CSS中的“class”里的樣式屬性是否能夠有多個呢?

CSS中的“class”里的樣式屬性是否能夠有多個呢?

holdtom 2019-04-04 11:07:40
CSS中的“class”里的樣式屬性是否能夠有多個呢?
查看完整描述

5 回答

?
RISEBY

TA貢獻1856條經驗 獲得超5個贊

可以的
寫法如下:
<div class="classname1 classname2 classname3 calssname..."></div>

class 屬性規定元素的類名(classname)。

class 屬性大多數時候用于指向樣式表中的類(class)。不過,也可以利用它通過 JavaScript 來改變帶有指定 class 的 HTML 元素。

class 屬性不能在以下 HTML 元素中使用:base, head, html, meta, param, script, style 以及 title。
提示:可以給 HTML 元素賦予多個 class,例如:<span class="left_menu important">。這么做可以把若干個 CSS 類合并到一個 HTML 元素。

查看完整回答
反對 回復 2019-04-09
?
眼眸繁星

TA貢獻1873條經驗 獲得超9個贊

從需求入手進行分析:

  1.     如果想實現的樣式效果是多個div都具有同樣樣式,給多個div標簽賦予相同的class名,可以達到同類class樣式同時控制的效果

  2.     如果想實現的是div中嵌套的div中每個層級嵌套的樣式都具有其各自的樣式,則需要引入其他的“選擇器”配合class的類選擇器來分別控制

  3.     多個div的關系不是嵌套的是混合的或者是并列的話,同樣在Css操作標簽時需要結合其他的選擇器來實現對某一div的精確控制

從代碼運用的角度來糾錯:

  1. 使用class時注意:類名的第一個字符不能使用數字!它無法在 Mozilla 或 Firefox 中起作用

  2. 確定CSS在控制標簽時,標簽元素正確繼承屬性

  3. 確認CSS代碼中的樣式屬性代碼正確,沒有使用不存在的屬性,比如把控制文字獨有的屬性錯用到了塊元素的屬性控制上


查看完整回答
反對 回復 2019-04-09
?
慕村225694

TA貢獻1880條經驗 獲得超4個贊

.aa{
margin:25% 25%;
text-align:center;
}

.bb{
margin:0 25% 75% 25%;
font-family:"KaiTi";
}
應該要這樣定義的

ID的話就是#aa{} #bb{} 樣式一樣的寫法



查看完整回答
反對 回復 2019-04-09
?
30秒到達戰場

TA貢獻1828條經驗 獲得超6個贊

如果沒個樣式表里面的,屬性都是一樣的,那沒關系的。
如果不一樣的話,它會從html文檔從上往下,一個一個繼承,碰到一樣的屬性,下面的代碼覆蓋上面的樣式代碼,
比如:
site.css里面.a{width:100px;height:100px;}
base.css里面 ,a{width:200px;height:100px;}

<link href="css/sitte.css" rel="stylesheet" type="text/css" />
<link href="css/base.css" rel="stylesheet" type="text/css" />
如果你HTML里面是這樣先后順序的話,那 width:200px height:100px;

<link href="css/sbase.css" rel="stylesheet" type="text/css" />
<link href="css/sitte.css" rel="stylesheet" type="text/css" />
如果你HTML里面是這樣先后順序的話,那 width:100px;height:100px;

查看完整回答
反對 回復 2019-04-09
?
蠱毒傳說

TA貢獻1895條經驗 獲得超3個贊

建議看看css規則層疊

例子:
site.css有:
.head_framework{ width:100%;}

base.css有:
.head_framework{ width:90%;}

在引用css文件時候,
<link href="css/sitte.css" rel="stylesheet" type="text/css" />
<link href="css/base.css" rel="stylesheet" type="text/css" />

后者將會覆蓋前者,即.head_framework{ width:90%;}



查看完整回答
反對 回復 2019-04-09
  • 5 回答
  • 0 關注
  • 1573 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號