偽類的練習
關於偽類的練習
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
/* li:first-child{
font-size: 40px;
color: #0000FF;
} */
/* li:nth-child(2n){
font-size: 40px;
color: #0000FF;
} */
/* li:nth-child(2n-1){
font-size: 40px;
color: #0000FF;
} */
/* li:last-child{
font-size: 50px;
color: #008000;
} */
</style>
</head>
<body>
<div >
<ul class="list">
<li>列表項1</li>
<li>列表項2</li>
<li>列表項3</li>
<li>列表項4</li>
<li>列表項5</li>
<li>列表項6</li>
<li>列表項7</li>
<li>列表項8</li>
<li>列表項9</li>
<li>列表項10</li>
</ul>
</div>
</body>
</html>
相關文章
- yield偽併發練習
- 偽類與偽元素的區別
- 偽類和偽元素
- Css 偽類/偽類物件使用整理_使用案例CSS物件
- 偽元素和偽類的區別總結
- css3 中的偽類和偽元素CSSS3
- String類以及練習案例
- java String類練習題Java
- 06-偽類和偽元素
- CSS偽元素詳解以及偽元素與偽類的區別CSS
- 一次弄懂CSS的偽類和偽元素CSS
- 重新整理了偽類偽元素
- CSS3偽類和偽元素CSSS3
- 抽象類練習_學生與工人抽象
- [CSS] 偽元素和偽類,::before 和 :before 區別CSS
- CSS偽類與偽元素選擇器區別CSS
- 2022 最受歡迎的 CSS 偽類、偽元素分別是什麼CSS
- CSS 偽類選擇器CSS
- CSS偽類使用詳解CSS
- :fullscreen 偽類選擇器
- css偽類選擇符CSS
- #07你認真學了css?偽類和偽元素CSS
- HTML表單及CSS選擇器、偽類和偽元素HTMLCSS
- 新CSS偽類:focus-withinCSS
- 「前端面試題系列3」偽類與偽元素的區別及實戰前端面試題
- markdown 使用練習練習
- 練習的力量
- Array的練習
- 為什麼偽類的content不能被選中?
- CSS E:default 偽類選擇器CSS
- CSS E:hover 偽類選擇器CSS
- CSS E:checked 偽類選擇器CSS
- CSS E:hover偽類選擇器CSS
- CSS E:lang()偽類選擇符CSS
- CSS E:disabled 偽類選擇器CSS
- CSS E:disabled偽類選擇器CSS
- 你對偽類瞭解多少?分為幾大類?
- CSS中一些利用偽類、偽元素和相鄰元素選擇器的技巧CSS