| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- <style>
- /* 伪类选择器 */
- /* :hover 鼠标悬停在元素上时触发 */
- h1:hover{
- color: red;
- /* 鼠标效果 pointer手型 */
- cursor: pointer;
- }
- /* :nth-child 选择第n个子元素 */
- /* li:nth-child(2){
- color: red;
- } */
- /* n 表示任意次数 n从0开始 */
- /* 选择所有偶数子元素 2n 或者 even */
- /* li:nth-child(even){
- color: red;
- } */
- /* 选择所有奇数子元素 2n+1 或者 odd */
- /* li:nth-child(odd){
- color: blue;
- } */
- /* 选择第一个子元素 */
- li:first-child{
- color: red;
- }
- /* 选择最后一个子元素 */
- li:last-child{
- color: blue;
- }
- </style>
- </head>
- <body>
- <h1>hello world</h1>
- <ul>
- <li>列表项1</li>
- <li>列表项2</li>
- <li>列表项3</li>
- <li>列表项4</li>
- <li>列表项5</li>
- <li>列表项6</li>
- <li>列表项7</li>
- </ul>
- </body>
- </html>
|
