CSS選擇器學習

*          選擇所有節點

#container 選擇id為container的節點
.container 選取所有class包含container的節點
li a 選取所有li下的所有a節點
ul + p 選擇ul後面的第乙個p元素
div#container > ul 選取id為container的div的第乙個ul子元素
ul ~ p 選取與ul相鄰的所有p元素
a[title] 選取所有有title屬性的a元素
a[href=""] 選取所有href屬性為www.baidu.com值的a元素
a[href*="baidu"] 選取所有href屬性包含baidu的a元素
a[href^="https"] 選取所有href屬性值以https開頭的a元素
a[href$='.jpg'] 選取所有href屬性值以.jpg結尾的a元素
input[type=radio]:checked 選擇選中的radio的元素

css選擇器學習

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

CSS學習 選擇器

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

CSS學習 選擇器

css學習 選擇器id是只適用於乙個，用 開頭表示這是id選擇器 hello world 這個段落不受樣式的影響 類選擇器 class可以在多個元素中使用，用.開頭表示這是class選擇器 標題居中 段落居中 也可以用class指定特定的元素，在.前面加乙個類名 這個段落是藍色 標籤選擇器 直接用標...