CSS上下文选择符实现基于位置为HTML元素添加样式
摘要:CSS的选择符有三种。①上下文选择符;②ID和Class选择符;③属性选择符,而上下文选择符的最大好处就是可以方便的实现基于位置为HTML元...
CSS的选择符有三种。①上下文选择符;②ID和Class选择符;③属性选择符,而上下文选择符的最大好处就是可以方便的实现基于位置为HTML元素添加样式
比如我们想位于article和aside标签中的p标签,设置不同的样式
上下文选择符也叫后代组合式选择符,是以空格分隔标签名的,其格式为:
标签1 标签2 {声明}
这里的标签就是HTML元素,标签2是我们想要选择的目标,而且只有在标签1是标签2的祖先元素时才能选中标签2.只要是祖先元素即可,不一定非要是父元素
我们以下列HTML代码为例,进行演示:
复制代码
【CSS上下文选择符实现基于位置为HTML元素添加样式】相关文章:
上一篇:
CSS工作原理及CSS规则命名介绍
相关阅读
网友关注
网友最新关注视频
- 【部编】人教版语文七年级下册《老山界》优质课教学视频+PPT课件+教案,安徽省
- 【部编】人教版语文七年级下册《老山界》优质课教学视频+PPT课件+教案,安徽省
- 七年级英语下册 上海牛津版 Unit3
- 沪教版八年级下册数学练习册21.3(2)分式方程P15
- 冀教版小学数学二年级下册第二单元《余数和除数的关系》
- 第五单元 民族艺术的瑰宝_15. 多姿多彩的民族服饰_第二课时(市一等奖)(岭南版六年级上册)_T129830
- 二年级下册数学第三课 搭一搭⚖⚖
- 冀教版小学数学二年级下册第二周第2课时《我们的测量》宝丰街小学庞志荣.mp4
- 冀教版小学英语五年级下册lesson2教学视频(2)
- 3月2日小学二年级数学下册(数一数)
精品推荐
网页设计子分类
最新 Div+Css教程学习