HTML与CSS基础之兄弟元素选择器(九)

来源:互联网 发布:ccall自动拨打软件 编辑:程序博客网 时间:2024/05/06 17:36
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>兄弟元素选择器</title><style type="text/css">span~p {background-color: #FF1493;} //+号,表示跟span紧挨着的第一个才改变颜色,~表示span后面的所有元素改变颜色</style></head><body><p>我是第一个p</p><p>我是第二个p</p><p>我是第三个p</p><span>我是第一个span</span><p>我是第四个p</p><p>我是第五个p</p><p>我是第六个p</p></body></html>

0 0