css 样式用法的累积
来源:互联网 发布:c# 初始化数组 编辑:程序博客网 时间:2024/06/06 02:08
我们直接看例子然后在来解释用法。
<!DOCTYPE html>
<html>
<head>
<style>
input[type="checkbox"]+p:before{
content:"台词:";
}
</style>
</head>
<body>
<input type="checkbox"/><p>我是唐老鸭。</p>
<p>我住在 Duckburg。</p>
<p><b>注释:</b>对于在 IE8 中工作的 :before,必须声明 DOCTYPE。</p>
</body>
</html>
页面效果显示如下:
我们来解释一下下面这个css写法的用途
input[type="checkbox"]+p:before{
content:"台词:";
}
它只会在checkbox 紧接着的第一个标签为p的段落加上“台词” 这两个字
这里有个 + 和:before的用法,+ 这里理解为and的意思,即input[type="checkbox"] 且 第一个p 才会加上样式
第二个例子
看样式写法。
.dataTables_wrapper .row:first-child {
padding: 12px 0px 4px;
margin: 0px 0px;
background-color: #eff3f8;
}
这个样式只会对第一个th 起作用,第二个th是不起作用的,同时 最后一个可以这样写.dataTables_wrapper .row:last-child
第三个例子。
用css样式画一个圆
div
{
background-color: #000;
color: #fff;
border: 2px solid #fff;
border-radius: 32px;
height: 24px;
width: 24px;
}
- css 样式用法的累积
- 【flex中的小问题累积】-button的css样式
- js 针对html 元素 css样式 操作 等 累积
- css样式的零碎用法总结
- CSS文本样式用法
- css 元素累积点滴
- 累积的
- CSS内联样式表用法
- 将CSS样式写成JS格式的用法
- CSS样式中zoom的含义及用法
- FLASH8的CSS样式
- Css的样式
- css连接的样式!
- 简单的css样式
- CSS常用的样式
- 常用的css样式
- 常用的css样式
- CSDN的CSS样式
- hibernate-3态
- Android在代码中打开Wifi、移动网络和GPS
- Spring MVC 3.0 深入及对注解的详细讲解
- 机器学习相关
- 第9周 项目6-5 任务分配
- css 样式用法的累积
- 【原创】《Linux高级程序设计》杨宗德著- 进程管理与程序开发 - fork和vfork函数
- POJ - 2096 Collecting Bugs(概率dp)
- web网页
- shell脚本命令,统计文件行数
- Apache DBUtils使用总结
- Mybatis3简单使用(PostgreSQL)
- Java中8种基本数据类型及其默认值
- VC 获取CPU ID