CSS是網頁中不可或缺的樣式語言,帶點的CSS選擇器可以更精準地選取元素。
.container { width: 100%; max-width: 800px; margin: 0 auto; }
在這個代碼中,選擇器".container"帶有一個點,表示選取所有class屬性為"container"的元素,給它們設置了寬度、最大寬度和居中對齊。
.btn-primary { background-color: #007bff; color: #fff; border: none; border-radius: 4px; }
再看這個代碼,選擇器".btn-primary"同樣帶有點,表示選取所有class屬性為"btn-primary"的元素,給它們設置了背景顏色、文字顏色、邊框和圓角。
使用帶點的CSS選擇器可以精確控制樣式,而且命名規范清晰明了,方便維護和修改。