CSS中,點號和斜杠通常用來指定類別選擇器的關系,例如:
.parent .child { /*樣式規則*/ }
上面這個樣式規則意味著:選擇所有class為child的元素,但是只限于它們是parent元素的后代元素。也就是說,只有在class為parent的元素內部的class為child的元素才會應用這個樣式。
除此之外,點號和斜杠也可用于偽元素或偽類選擇器,例如:
p:first-of-type { /*樣式規則*/ }
這個樣式規則意味著:選擇第一個出現在其父元素內的p元素。注意,這里的斜杠是用來分隔偽元素和其指示符(即:first-of-type)的。
同時,還可以將斜杠用來分隔偽類選擇器的參數,例如下面這個規則:
a:not([href^="https://"]) { /*樣式規則*/ }
這個樣式規則意味著:選擇所有不包含以https://開頭的href屬性值的a元素。注意其中的斜杠用來分隔:not偽類選擇器和其參數。
總之,點號和斜杠在CSS中是非常重要的符號,常常用于類別選擇器和偽類選擇器中,可以幫助我們更精確地選中要應用樣式的元素。