HTML与CSS基础之兄弟元素(六)

<!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>

HTML与CSS基础之兄弟元素(六)相关推荐

HTML与CSS基础之子元素的伪类(七)
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>子元素 ...
HTML与CSS基础之伪元素(五)
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>伪元素 ...
CSS基础知识（十六）：动画
文章目录 1.定义动画 2.使用(调用)动画 1.定义动画用keyframes 定义动画(类似定义类选择器) @keyframes 动画名称 {0%{width:100px;} 100%{width ...
【Css 基础】-- 块元素和行内元素、行内块元素
1.块元素 display:block 常见的块元素有哪些: <h1>~<h6>.<p>.<div>.<ul>.<ol>.< ...
CSS基础「六」元素的显示与隐藏
本篇文章为 CSS 基础系列笔记第六篇,参考黑马程序员pink老师前端入门教程其他CSS基础相关文章: CSS基础「一」基础选择器 / 字体属性 / 文本属性 / 三种样式表 CSS基础「二」复合 ...
[19/06/05-星期三] CSS基础_样式表的位置(内联、内部、外部样式)、块元素(div)、内联元素(span)、常用的选择器...
一.概念 CSS(Cascading Style Sheets,层叠样式表) 可以用来为网页创建样式表,通过样式表可以对网页进行装饰. 所谓层叠,就是可以将整个网页想象成是一层一层的结构,层次高的将会 ...
CSS基础面试题精选
css 基础 1. 引入CSS样式表(书写位置) 1.1 行内式(内联样式) <标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;">内容 ...
html与css项目,项目六HTML与CSS基础.doc
项目六HTML与CSS基础.doc 项目六: HTML与CSS基础课题名称:6．2 CSS样式表的使用(一) 教学目标 1．知识与技能目标熟练掌握插入Div 标签和设置样式定义的方法:理解CSS样 ...
CSS基础「二」复合选择器 / 元素显示模式 / 背景 / 三大特性
本篇文章为 CSS 基础系列笔记第二篇,参考黑马程序员pink老师前端入门教程如有侵权联系删除,如有问题欢迎指出. 其他CSS基础相关文章: CSS基础「一」基础选择器 / 字体属性 / 文本属性 ...

HTML与CSS基础之兄弟元素(六)

HTML与CSS基础之兄弟元素(六)相关推荐

最新文章

热门文章