css元素特殊選擇器樣式設定

2021-10-08 08:00:14 字數 473 閱讀 7640

後代選擇器:

h1 em

子元素選擇器:

如果您不希望選擇任意的後代元素,而是希望縮小範圍,只選擇某個元素的子元素,請使用子元素選擇器(child selector)。

例如,如果您希望選擇只作為 h1 元素子元素的 strong 元素,可以這樣寫:

h1 > strong

例子:結果就是第一行得第乙個,第二個very變紅,第二行得**並沒有變紅

相鄰兄弟選擇器:如果需要選擇緊接在另乙個元素後的元素,而且二者有相同的父元素,可以使用相鄰兄弟選擇器(adjacent sibling selector)

如果要增加緊接在 h1 元素後出現的段落的上邊距,可以這樣寫:

h1 + p

這個選擇器讀作:「選擇緊接在 h1 元素後出現的段落,h1 和 p 元素擁有共同的父元素」。

CSS基本樣式與元素選擇器

層疊樣式表 cascading style sheets,簡寫css 是一種用來為html文件新增樣式 字型 間距 位置 顏色 角度等顯示效果 的計算機語言 html是內容的展示,而css是內容的裝飾 行內樣式 在開始標籤的內部可以設定乙個叫做style的屬性,屬性的雙引號內存放該元素 的css樣式...

CSS樣式選擇器

1.css 選擇器 1 標記選擇器 選擇器 用來指定確定標記的樣式 如 類別選擇器 class 類別名稱 如 對應的 class 選擇器 id選擇器 id id選擇器 如 對應的 id選擇器1id 選擇器2 2.集體宣告 對應的 集體宣告 h4集體宣告 h5集體宣告 p1集體宣告 p2集體宣告 p3...

CSS樣式選擇器

樣式選擇器 每一條css樣式宣告 定義 由兩部分組成,形式如下 選擇器類選擇器 以英文圓點開頭,不可以使用數字或中文起名 使用方法 1.使用class 類選擇器名 為標籤設定乙個類,如下 膽小如鼠 2.設定類選擇器css樣式,如下 stress id選擇器 id選擇器類似於類選擇器 1.為標籤設定i...