css權威指南學習筆記 css選擇器

2022-07-25 12:09:15 字數 645 閱讀 1456

1,選擇器:選擇器的一些基本常用規則基本都記得,w3c上都有,平時也常用,不常用的一些後代選擇器經常就忘記了。一些歸納一下後代選擇器,加深一下印象:

a:子選擇器:   p>a  a是直接是p的兒子,而不是孫子曾孫子。就是兒子,只有一代關係。

b:相鄰兄弟選擇器: h1 +p h1 和 p 必須擁有相同的父元素。他們是同胞。樣式作用在 p 上面。(與h1相鄰的p元素)。

2,偽類和為元素

a : 平時也市場在用,尤其是a連線的幾個偽類。偽類的順序非常的重要:link-visited-focus-hover-active。

b : 動態偽類可以應用到任何元素,哪些是動態偽類? 如下: :focus   :hover 

c:  :active和  :focus需要ie8和以上版本支援外,其他的動態偽類選擇器所有瀏覽器都支援。

(截圖自  css3學習筆記 之 動態偽類選擇器)

3,偽元素

a,    :first-letter   : first-line 

b,    :first-child  : last-child

c,    :after   :before

css權威指南學習筆記

替換元素 用來替換元素內容的部分並非有文件內容直接表示。元素也是替換元素,單選鈕,核取方塊,文字輸入框。非替換元素 段落,標題,表單元格,列表。除了替換和非替換元素,css2.1還使用另外兩種基本元素型別 塊級元素和行內元素。塊級元素生成乙個元素框,會填充其父元素的內容區,旁邊不能有其他元素。例 行...

css權威指南學習筆記

2016 08 03 1,繼承 一般大多數框模型屬性都是不能繼承的。如 padding margin border background 都不能繼承。繼承值,完全沒有特殊性。就是優先順序最低 2,縮排 text indent 屬性 段落前空格。應用於塊級元素 3,水平對齊 text align te...

《CSS權威指南》筆記

h1 0,0,0,1 p em 0,0,2 grape 0,0,1,0 p.bright em.dark 0,0,2,2 id123 0,1,0,0 其中 id123 0,1,0,0優先順序最高.複製 定位可以準確的定義元素框相對於其正常位置應該出現在 或者相對于父元素,另乙個元素甚至瀏覽器位置。定...