CSS 分組 和 巢狀 選擇器

2022-09-22 23:55:48 字數 938 閱讀 7793

為了儘量減少**,你可以使用分組選擇器。

每個選擇器用逗號分隔。

h1,h2,p

它可能適用於選擇器內部的選擇器的樣式。

在下面的例子設定了三個樣式:

doctype html

>

<

html

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>菜鳥教程(runoob.com)

title

>

<

style

>

p.marked

.marked p

p.marked

style

>

head

>

<

body

>

<

p>這個段落是藍色文字,居中對齊。

p>

<

div

class

="marked"

>

<

p>這個段落不是藍色文字。

p>

div>

<

p>所有 class="marked"元素內的 p 元素指定一個樣式,但有不同的文字顏色。

p>

<

p class

="marked"

>帶下劃線的 p 段落。

p>

body

>

html

>

view code

CSS選擇器之兄弟選擇器( 和 )

今天在改以以前人家寫的網頁的樣式的時候,碰到這個選擇器, ,當時我是懵逼的,傻傻分不清 跟 的區別,雖然我知道他們都是兄弟選擇器。 後來網上查了下,也許是我查詢的方式不對,沒有找到我想要的答案,於是私下拿這兩個選擇器來測試了一下。發現原來是這樣的。 先來 說話 1 選擇器 這是段落標籤 這是段落標籤...

CSS2屬性選擇器和css3選擇器的用法和區別

兄弟們 這是我第一次寫部落格 希望對進來的人有用 寫的不好別噴哈 謝謝 css2屬性選擇器 1 attribute 例子 title 解釋 選擇含有 title 屬性的所有元素 就會被選中 2 attribute value 例子 title piple 解釋 選擇含有 title 屬性並該屬性的屬性...

CSS選擇器之萬用字元選擇器和多元素選擇器

如果希望所有的元素都符合某一種樣式,可以使用萬用字元選擇器 基本語法 可以讓所有的html元素的外邊距和內邊距都預設為0 寫一段html hello world 用瀏覽器開啟後,效果跟下面一樣 這個時候想讓字型距離瀏覽器的邊距為0時,就可以使用萬用字元選擇器了 修改後的 如下 hello world 用...