資料結構
網路
關係型資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究CSS 中 “.” 和 “#” 選擇器的區別
'.' 選擇器
'.' 選擇器是類級選擇器。點運算子用於建立一個樣式類，然後該樣式類可以應用於多個 html 元素。
'#' 選擇器
'#' 選擇器是元素級選擇器。雜湊運算子用於對特定元素應用樣式，該元素的 id 與 '#' 選擇器中所使用的相同
示例
下面的示例展示了 '.' 和 '#' 選擇器在三個 div 元素上使用的用法。
<!DOCTYPE html>
<html>
<head>
<title>Selector Example>/title>
<style>
.blackBorder {
border: 2px solid black;
}
#redDiv {
border: 2px solid red;
}
</style>
</head>
<body>
<div> No Border Box </div>
<div class="blackBorder"> Black Border Box </div>
<div id="redDiv"> Red Border Box </div>
<div> No Border Box </div>
<div class="blackBorder"> Black Border Box </div>
</body>
</html>
更新於： 2020 年 1 月 13 日
2K+ 觀看
廣告