CSS中的差號(-
)是非常常用的操作符,它可以用來做許多事情。
首先,差號可以用于連接兩個單詞,例如:
p { font-size: 16px; color: #333; }
這里的font-size
和color
都是通過差號連接兩個單詞組成的。這種寫法被稱為"連字符寫法"或"短橫線寫法",它使CSS樣式更易讀和易懂。
其次,差號還可以用于表示一個負數或減法操作:
.box { width: 100px; height: 100px; background-color: #333; margin-top: -10px; } .box2 { width: 50px; height: 50px; background-color: #f00; margin: 20px -10px; }
上面的代碼示例中,第一個.box
元素的margin-top
使用了差號來表示一個負數;而第二個.box2
元素的margin
則使用了差號表示左右兩側的值都要減去10像素。
最后,差號還可以用于表示一個CSS選擇器的后代元素:
ul li { list-style: none; margin-bottom: 10px; } ul li a { text-decoration: none; color: #f00; }
上面的代碼示例中,ul li
選擇器表示<li>
元素是<ul>
元素的后代元素,而ul li a
則表示<a>
元素是<ul>
元素中的<li>
元素的后代元素。
上一篇表示嵌入css