選擇器的class名
對(duì)應(yīng)的class名是 class="left first-div",jQuery選擇器里的格式是 .first-div, 是因?yàn)閏lass名有空格電腦識(shí)別會(huì)產(chǎn)生歧義吧。
是不是可以理解為所有帶空格的名字只取空格后面一部分就好了？
weixin_慕慕2499132
2020-03-26
1 回答
舉報(bào)
0/150
提交
取消
2020-03-30
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>className</title>
<style type="text/css" media="screen">
/* 按鈕的尺寸大小一樣,只要一個(gè)公用的屬性 */
.public{
width: 60px;
height: 48px;
border: none;
text-align: center;
}
/* 按鈕底色不一樣,然后獨(dú)自添加屬性 */
.class1{
background-color: aquamarine;
}
.class2{
background-color: cornflowerblue;
}
</style>
</head>
<body>
<input class="public class1" value="第一個(gè)" /><br><br>
<input class="public class2" value="第二個(gè)" />
</body>
</html>
我的理解是空格代表前一個(gè)class名字結(jié)束，空格后是一個(gè)新的class名。
比如上面的input標(biāo)簽，相當(dāng)于一個(gè)標(biāo)簽有2個(gè)class名字，因?yàn)榘粹o的大小只需要一樣就可以了，所以不需要重新在寫(xiě)一遍css樣式， 同樣的樣式寫(xiě)一個(gè)，直接2個(gè)按鈕公用。
底色是不同的，所以后面的class樣式只要設(shè)置顏色就可以了。