CSS 通用和分組選擇器 十

2021-09-06 22:30:49 字數 519 閱讀 3825

通用選擇器可能是所有選擇器中最強大的,卻使用最少的。通用選擇器的作用就像是萬用字元,它匹配所有可用元素。通用選擇器由乙個星號表示。通用選擇器一般用來物件頁面上所有元素應用樣式

例如:可使用,以下規則刪除第個元素上的預設的空白邊界

*

分組選擇器不是一種選擇器型別,而是一種選擇器使用方法。當多個物件定義了相同的樣式時,就可以把它們分成一組,這樣能夠簡化**。

/*

定義所有級別的標題和段落行高為22px

*/h1,h2,h3,h4,h5,h6,p

分組選擇器,可以使用逗號把同組內不同物件分隔。分組選擇器與類選擇器在性質上有點類似,都可以為不同元素或者物件定義相同的樣式。

將以下樣式改變

.class1.class2

分組選擇器使用

.class1.class2

/*共同樣式

*/.class1,class2

分組選擇器堅持以下兩個原則

CSS 選擇器分組

假設希望 h2 元素和段落都有灰色。為達到這個目的,最容易的做法是使用以下宣告 h2,p將 h2 和 p 選擇器放在規則左邊,然後用逗號分隔,就定義了乙個規則。其右邊的樣式 color gray 將應用到這兩個選擇器所引用的元素。逗號告訴瀏覽器,規則中包含兩個不同的選擇器。如果沒有這個逗號,那麼規則...

CSS選擇器的分組

你可以對選擇器進行分組,這樣,被分組的選擇器就可以分享相同的宣告。用逗號將需要分組的選擇器分開。在下面的例子中,我們對所有的標題元素進行了分組。所有的標題元素都是綠色的。1h1,h2,h3,h4,h5,h6 繼承及其問題 根據 css,子元素從父元素繼承屬性。但是它並不總是按此方式工作。看看下面這條...

jquery選擇器和css選擇器

今天開發中碰到乙個問題。class maindiv class mydiv name id div class mydiv name id div class mydiv name id div class mydiv name id div div 是這樣,我獲取class mydiv 下面的某乙...