關於css3中nth of type 的使用

2021-08-21 17:40:26 字數 541 閱讀 6979

nth-of-type(n)選擇器用於匹配同型別中的第n個同級兄弟元素。n可以是乙個數字,乙個關鍵字,或者乙個公式。(ps:n不能為判斷語句)

p:nth-of-type(n=2) ---------- 錯誤,不能為賦值語句

p:nth-of-type(n==2) -------- 錯誤,不能為布林型

p:nth-of-type(2) ------------- 正確,選取第二個p元素

p:nth-of-type(n+2) ---- ----- 正確,選取第二個及第二個之後的p元素

用法及示例:

the first paragraph.

the second paragraph.

the third paragraph.

the fourth paragraph.

執行結果:

關於CSS3中Media Queries使用方法

media queries能在不同的條件下使用不同的樣式,使頁面在不同在終端裝置下達到不同的渲染效果 media 型別and 特性 max width 是 特性中最常用的乙個特性,其意思是指 型別小於或等於指定的寬度時,樣式生效。如 media screen and max width 480px ...

CSS3關於轉換

旋轉 rotate 旋轉xyz軸 正順時針負逆時針,單值預設z,3d 1,1,1,25deg 三面合力各做25deg形成的向量力。平移 translate 沒有脫離文件流,百分比相對於自身的寬高,旋轉平移先後區別,會有不同的效果。縮放 scale 縮放單值預設同時應用xy軸,z軸是厚度,3d是集合顯...

關於 CSS3 中的 filter 濾鏡 屬性

filter屬性定義了元素 通常是 的可視效果 例如 模糊與飽和度 css語法 filter none blur brightness contrast drop shadow grayscale hue rotate invert opacity saturate sepia url 提示 若想在...