IT EXPLAINED 數位轉型攻略 VII
2025臺灣資安大會 Keynote講者陣容
Cloud Future Built Today
技術問答
技術文章
iT 徵才
Tag
聊天室
2024 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
第 11 屆 iThome 鐵人賽
DAY
27
1
自我挑戰組
CSS 大全(第四版)閱讀筆記
系列 第
27
篇
day27【主題六:選擇器】筆記2
11th鐵人賽
Amy
2019-09-28 09:22:37
605 瀏覽
分享至
一、選擇每間隔n個元素,:nth-child()
:nth-child(1) 相當於 :first-child
可使用an+b、an-b,兩種代數運算式
實務上常用於清除列圖文列表、面板清單的浮動,n等於一列要的個數 .class li:nth-child(3n+1){clear:left}
注意!n是從0開始,但是所有元素都是從1開始數
:nth-child(2n)表示所有偶數項子代元素(even)
:nth-child(2n+1)、:nth-child(2n-1)表示所有奇數項子代元素(odd)
:nth-last-child()是從兄弟元素列表的尾端往回數
兩個虛擬類別同樣也可以串接使用
使用nth-child時,會將子層中的所有標籤都會一起列號計算
二、每隔n的項目選擇相同類型元素,:nth-of-type()
:nth-of-type(1):nth-last-of-type(1)相當於:only-of-type,但有較高的權重
使用nth-of-type時,會只將子層中的特定選擇列號計算
三、第一個字母與第一行內容
第一個字母,::first-letter
第一行內容,::first-line
只適用於標題或斷落等區塊元素,不是超連結的行內顯示,能夠用的屬性也有所限制(p98)
留言
追蹤
檢舉
上一篇
day26【主題六:選擇器】筆記1
下一篇
day28【主題六:選擇器】筆記3-動態、介面狀態虛擬類別
系列文
CSS 大全(第四版)閱讀筆記
共
30
篇
目錄
RSS系列文
訂閱系列文
17
人訂閱
26
day26【主題六:選擇器】筆記1
27
day27【主題六:選擇器】筆記2
28
day28【主題六:選擇器】筆記3-動態、介面狀態虛擬類別
29
day29【主題七:邊界範圍】
30
day30【主題八:數值與單位】
完整目錄
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
1064
組
團體組數
40
組
累計文章數
22202
篇
完賽人數
600
人
看影片追技術
看更多
The guide to handle Meta ads tracking for web developers.
Hello World Dev Conference
|
37 分
Arm 架構驅動雲端原生 DevOps 與生成式 AI 的創新轉型:高效能、低功耗的雙贏實踐與成功案例
Hello World Dev Conference
|
54 分
NetApp 幫助您建構混合雲最佳藍圖,強化資料管理
Cloud Summit 臺灣雲端大會
|
28 分
領域驅動設計應用與實踐
MWC
|
25 分
數位永續雙軸轉型典範 CEO
數位永續高峰會
|
31 分
容器化佈署環境 Telemetry 於實時資源監控的實現: 以 5G 專網為例
Cloud Summit 臺灣雲端大會
|
27 分
一起聊聊 AI 應用—智慧製造與智慧醫療
IT EXPLAINED
|
43 分
offline K8s 升級怎麼辦?跨大版升級甘苦談一次說給你聽!
Kubernetes Summit
|
42 分
AI Driven Design ─ 以 OpenAI (ChatGPT+DALL-E) 自動 CI/CD 產生特教網頁遊戲
Cloud Summit 臺灣雲端大會
|
27 分
如何透過敏捷培養團隊自主與創造影響力
Agile Summit 敏捷高峰會
|
39 分
熱門tag
看更多
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
windows server
linux
css
react
vue.js
熱門問題
被掏寶大量連到DNS
有可能自己做出一個用手機就能掃描辨識的工具嗎?
無障礙網頁AA標章到底有多難達成
伺服器上的安全性資料庫沒有此工作站信任關係的電腦帳戶 administrator
推薦好用企業mail
team會議預設開啟方式
請教專業先進大大們:GPT vs. Monica,哪個APP軟體更好用?
<已解決>norton 出現"與這個網站連線不安全"訊息
wsus 的susdb mdf 100多GB 到底該如何瘦身??
HP MSA 2060 做 RAID 6 的時間
DevOpsDays盛會早鳥優惠倒數,精彩議程講者陣容敬請期待!
Windows 10支援倒數,聯繫微軟夥伴諮詢
全新登場!CYBERSEC ARENA:War Game遊戲中體驗資安威脅應對,提升戰略思維與決策力!
GenAI 加速企業創新落地,更需要全新 IT 戰略
【免費線上報名即將額滿】4/8 18:00 截止,現場報名將收費,錯過不再免費!
立即標記行事曆,7/2 探索 AI 與雲端的無限未來!
熱門回答
有可能自己做出一個用手機就能掃描辨識的工具嗎?
推薦好用企業mail
無障礙網頁AA標章到底有多難達成
HP印表機列印圖片會出錯
workspace 信箱用OUTLOOK收 POP3問題
熱門文章
[Java的20堂課]L4-後端框架
Vscode 入門筆記 - 3 - 開發設定與擴充套件
[Java的20堂課]L5-後端框架+例外處理
VMware 入門筆記 - 5 - 調整虛擬機畫面大小與安裝 VMware Tools
2025-03-23 Vigor Router Firewall 一直重新開機解決 SOP
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}