CSS學習 選擇器

2021-09-19 08:36:35 字數 445 閱讀 8781

css學習——選擇器
id是只適用於乙個,用#開頭表示這是id選擇器

hello world!

這個段落不受樣式的影響

類選擇器:class可以在多個元素中使用,用.開頭表示這是class選擇器

標題居中

段落居中

也可以用class指定特定的元素,在.前面加乙個類名

這個段落是藍色

標籤選擇器:直接用標籤名作為selector名.語法格式:p(p為選擇器名)。例:所有的p標籤都會匹配以下的樣式

包含選擇器:外部標籤對內部標籤有效

文字是黃色的

相鄰選擇器:相鄰選擇器選擇每個div緊鄰後的乙個元素p

不是綠色

不是綠色

是綠色不是綠色

袁同學——2023年4月20日

css選擇器學習

本片文章主要講解html5中css選擇器,通過選擇器定位到想要進行樣式設定的元素。當前css選擇已經發布到第三代,也就是css3選擇器。css3選擇器分為 基本選擇器,復合選擇器,偽元素選擇器。1.1 代表通用選擇器,選擇所有元素 1.2 type選擇器 元素選擇器 選擇指定的元素 1.3 id選擇...

CSS選擇器學習

選擇所有節點 container 選擇id為container的節點 container 選取所有class包含container的節點 li a 選取所有li下的所有a節點 ul p 選擇ul後面的第乙個p元素 div container ul 選取id為container的div的第乙個ul子元...

CSS學習 選擇器

學習目的 熟練使用 css 選擇器 css1 中的選擇器 e myid id選擇器 e warning 類選擇器 e f 包含選擇器 e link 定義超連結未被訪問 e actice 匹配被啟用的元素 e hover 滑鼠經過的元素 e focus 獲取焦點 e first line 元素第一行 ...