選擇器的class名
對應的class名是 class="left first-div",jQuery選擇器里的格式是 .first-div, 是因為class名有空格電腦識別會產生歧義吧。
是不是可以理解為所有帶空格的名字只取空格后面一部分就好了?
對應的class名是 class="left first-div",jQuery選擇器里的格式是 .first-div, 是因為class名有空格電腦識別會產生歧義吧。
是不是可以理解為所有帶空格的名字只取空格后面一部分就好了?
2020-03-26
舉報
2020-03-30
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>className</title>
<style type="text/css" media="screen">
/* 按鈕的尺寸大小一樣,只要一個公用的屬性 */
.public{
width: 60px;
height: 48px;
border: none;
text-align: center;
}
/* 按鈕底色不一樣,然后獨自添加屬性 */
.class1{
background-color: aquamarine;
}
.class2{
background-color: cornflowerblue;
}
</style>
</head>
<body>
<input class="public class1" value="第一個" /><br><br>
<input class="public class2" value="第二個" />
</body>
</html>
我的理解是空格代表前一個class名字結束,空格后是一個新的class名。
比如上面的input標簽,相當于一個標簽有2個class名字,因為按鈕的大小只需要一樣就可以了,所以不需要重新在寫一遍css樣式, 同樣的樣式寫一個,直接2個按鈕公用。
底色是不同的,所以后面的class樣式只要設置顏色就可以了。