css基础 子元素选择器 > 只为标签的下一级标签添加样式
2017-02-14 14:39
543 查看
镇场诗:
清心感悟智慧语,不着世间名与利。学水处下纳百川,舍尽贡高我慢意。
学有小成返哺根,愿铸一良心博客。诚心于此写经验,愿见文者得启发。
——————————————————————————————————————————
code:
result:
——————————————————————————————————————————
博文的精髓,在技术部分,更在镇场一诗。编辑器 VS2015,浏览器 Firefox。
html+css+js,强,值得努力学习。我跟着传智播客的视频教程学习。
我是一个新手,所以如果博文的内容有可以改进的地方,甚至有错误的地方,请留下评论,我一定努力改正,争取成就一个良心博客。
注:此文仅作为科研学习,如果我无意中侵犯了您的权益,请务必及时告知,我会做出改正。
清心感悟智慧语,不着世间名与利。学水处下纳百川,舍尽贡高我慢意。
学有小成返哺根,愿铸一良心博客。诚心于此写经验,愿见文者得启发。
——————————————————————————————————————————
code:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style type="text/css"> div > h1.myh1{/*只查找div下一级标签,不查找下两级的标签,这个div也可以替换成class的值 .xxx*/ background-color:cornflowerblue; } </style> </head> <body> <div> <h1 class="myh1">文韬武略</h1> <p>楞严经</p> </div> <div> <h1>道德经</h1><!--这个h1是div的儿子,但是它的class不是myh1,所以不起作用--> <h2>庄子</h2> <h3>中庸</h3> <h2>论语</h2> <table><!--添加表格的意识是:后代 是 多级的--> <tr> <td><h1>我是div孙子,无class的h1标签</h1></td> </tr> <tr> <td><h1 class="myh1">我是div孙子,class=myh1的h1标签</h1></td> </tr> </table> </div> </body> </html>
result:
——————————————————————————————————————————
博文的精髓,在技术部分,更在镇场一诗。编辑器 VS2015,浏览器 Firefox。
html+css+js,强,值得努力学习。我跟着传智播客的视频教程学习。
我是一个新手,所以如果博文的内容有可以改进的地方,甚至有错误的地方,请留下评论,我一定努力改正,争取成就一个良心博客。
注:此文仅作为科研学习,如果我无意中侵犯了您的权益,请务必及时告知,我会做出改正。
相关文章推荐
- css基础 子元素选择器 > 只为标签的下一级标签添加样式
- css基础 后代选择器 给标记的后代中 指定的标签/class名称 添加样式 (后代多级的)
- css基础 后代选择器 给标记的后代中 指定的标签/class名称 添加样式 (后代多级的)
- HTML&CSS基础学习笔记5-添加常用的标签
- css基础 设置所有h1标签的 文本颜色 对齐方式 边框样式 背景颜色
- css基础 并集选择器 多个标签用逗号隔开,使用相同的样式
- 用CSS给SVG <use>的内容添加样式
- css基础 设置div标签 宽度 边框线颜色样式 div中文本居中 div块在网页中居中 div中内容距边框线的距离
- css基础 display:inline 块级标签->行内标签 简单示例
- <a>标签click事件(单击时添加样式,同时删除其他同级<a>标签样式)
- html基础 题目标签 <h1> <h2> <h3> <h4> <h5> <h6>标签 样式
- css基础 交集选择器 为指定标记中的指定的class添加样式
- CSS基础——添加样式
- html基础 题目标签 <h1> <h2> <h3> <h4> <h5> <h6>标签 样式
- 用CSS给SVG <use>的内容添加样式
- yii2 中设置/添加 css、js、meta(keywords description) 等样式标签
- H5 <audio> 音频标签自定义样式修改以及添加播放控制事件
- css基础 交集选择器 为指定标记中的指定的class添加样式
- css基础 设置所有h1标签的 文本颜色 对齐方式 边框样式 背景颜色
- CSS基础 border-top在指定p标签的文本上方添加双细实线