HTML与CSS基础之子元素的伪类(七)
生活随笔
收集整理的這篇文章主要介紹了
HTML与CSS基础之子元素的伪类(七)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>子元素的偽類</title><style type="text/css">/*span:first-child {background-color: #FF0000;} //表示第一個元素,并且必須是span類型才可以改變背景色*//*span:last-child {background-color: aquamarine;} //表示最后一個元素,并且必須是span類型才可以改變背景色*//*span:first-of-type {background-color: cornflowerblue;} //表示span的第一個元素*//*span:last-of-type {background-color: cornflowerblue;} //表示span的最后一個元素*//*span:nth-child(3) {background-color: deeppink;} //括號是幾,就表示第幾個元素設置顏色,并且不分類型*/span:nth-of-type(even) {background-color: deeppink;} //括號是幾,就表示span第幾個元素設置顏色,并且區分類型,括號里面odd表示單數,even表示偶數</style></head><body><p>我是第一個P元素</p><span>我是第一個span元素</span><span>我是第二個span元素</span><span>我是第三個span元素</span><span>我是第四個span元素</span><span>我是第五個span元素</span></body></html>
總結
以上是生活随笔為你收集整理的HTML与CSS基础之子元素的伪类(七)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 3DSMAX怎么制作超酷逼真的十字军角色
- 下一篇: 2017年html5行业报告,云适配发布