CSS上下文选择符实现基于位置为HTML元素添加样式
摘要:CSS的选择符有三种。①上下文选择符;②ID和Class选择符;③属性选择符,而上下文选择符的最大好处就是可以方便的实现基于位置为HTML元...
CSS的选择符有三种。①上下文选择符;②ID和Class选择符;③属性选择符,而上下文选择符的最大好处就是可以方便的实现基于位置为HTML元素添加样式
比如我们想位于article和aside标签中的p标签,设置不同的样式
上下文选择符也叫后代组合式选择符,是以空格分隔标签名的,其格式为:
标签1 标签2 {声明}
这里的标签就是HTML元素,标签2是我们想要选择的目标,而且只有在标签1是标签2的祖先元素时才能选中标签2.只要是祖先元素即可,不一定非要是父元素
我们以下列HTML代码为例,进行演示:
复制代码
【CSS上下文选择符实现基于位置为HTML元素添加样式】相关文章:
★ div ul li 嵌套后如何解决增加多个li后DIV高度自适应问题
★ div和span、relative和absolute、display和visibility区别
上一篇:
CSS工作原理及CSS规则命名介绍
相关阅读
网友关注
- 3Dmax中怎么直接加光?3Dmax中贴光的详细教程
- iOS10.1 Beta3固件下载 苹果iOS10.1开发者预览版Beta3固件下载地址
- 苹果推送iOS10.1开发者预览版Beta3:修复bug和提升性能
- iphone7怎么加黑名单拦截骚扰电话 苹果7黑名单添加方法教程
- iPhone7怎么查找常去地点? iPhone7常去地点的查看教程
- 怎么把电脑上的文件传到ipad上(2种实现方法)
- ipad备忘录入门教程(让它与你随身同行)
- 苹果iOS10.1Beta4有什么新功能 iOS10.1Beta4更新内容汇总
- ipad如何将图片快速传到电脑(2种方法)
- iPhone使用蓝牙耳机听歌时收不到QQ消息提示音怎么办?
网友最新关注视频
- 【部编】人教版语文七年级下册《过松源晨炊漆公店(其五)》优质课教学视频+PPT课件+教案,江苏省
- 19 爱护鸟类_第一课时(二等奖)(桂美版二年级下册)_T502436
- 青岛版教材五年级下册第四单元(走进军营——方向与位置)用数对确定位置(一等奖)
- 冀教版英语五年级下册第二课课程解读
- 冀教版英语四年级下册第二课
- 苏教版二年级下册数学《认识东、南、西、北》
- 第12章 圆锥曲线_12.7 抛物线的标准方程_第一课时(特等奖)(沪教版高二下册)_T274713
- 冀教版小学数学二年级下册第二单元《有余数除法的竖式计算》
- 第五单元 民族艺术的瑰宝_16. 形形色色的民族乐器_第一课时(岭南版六年级上册)_T3751175
- 二年级下册数学第一课
精品推荐
分类导航
网页设计子分类
最新 Div+Css教程学习