CSS 選擇器學習小記

2021-07-27 19:50:14 字數 363 閱讀 7981

div,p 表示並列關係選擇有的div和p元素

例如:div,p

div p 表示選擇所有div中的p元素  (可靈活使用比如 div #username  表示div中所有id為username的元素被選中)

例如:div p

div>p表示選擇div中的子p(只會選擇它的兒子 不會選到孫子)

div>p只有id為sb的p元素會變色

例如

div+p 表示選項所有所有div後面緊接著的p

例如:

p1和p2被選擇

jquery選擇

$(".classname).not(this)  選中所有class名為 classname的元素 出了當前元素

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 元素第一行 ...