选择器
来源:互联网 发布:马赛克视频还原软件 编辑:程序博客网 时间:2024/06/04 19:23
id选择器
<style>
#div1{
width:200px;
height:200px;
background:#C03;
}
</style>
</head>
<body>
<div id="div1"></div>
</body>
class选择器:(用的比较多)
<style>
.div1{
width:200px;
height:200px;
background:#C03;
}
</style>
</head>
<body>
<div class="div1"></div>
<p class="div1"></p>
</body>
可以是几个class样式的组合
<style>
.div1{
width:200px;
height:200px;
background:#C03;
}
.div2{
border:3px solid #000;
}
</style>
</head>
<body>
<div class="div1">div1</div>
<p class="div1 div2"></p>
<div class="div1">div2</div>
</body>
类型选择:
<style>
div{
background:#F09;
}
p{
background:#0F3;
}
</style>
</head>
<body>
<div>div1</div>
<p >p</p>
<div>div3</div>
</body>
包含选择器:
<style>
#box p{
background:#36F;
}
p{
background:#9F3;
}
</style>
</head>
<body>
<div id="box"><p>box中p</p></div>
<p>单独p</p>
</body>
群组选择器:
<style>
div,span{
background:#9C3;
}
</style>
</head>
<body>
<div>div1</div>
<div>div2</div>
<div>div3</div>
<span>1span</span><span>2span</span>
</body>
*表示通配符:指所有的样式都是这样:
<style>
*{
background:#9C3;
}
</style>
</head>
<body>
<div>div1</div>
<div>div2</div>
<div>div3</div>
<span>1span</span><span>2span</span>
</body>
- 选择器
- 选择器
- 选择器
- 选择器
- 选择器
- 选择器
- 选择器
- 选择器
- 选择器
- 选择器
- 选择器
- 选择器
- 选择器
- 选择器(
- $选择器
- 选择器
- 选择器
- 选择器
- redis字符串操作
- codeforces gym 100645A
- MySQL function创建
- Java 多线程 学习笔记(二)停止线程的几种方法
- JSON java fastJson
- 选择器
- Java 多线程学习笔记(三)-守护线程
- APP登陆协议之Native层分析
- Android新浪微博开发(三)完结篇之调用新浪微博API实现信息展示
- 最长回文子串
- 3、区间重合判断
- MyBatis的其它方法
- Nginx学习历程_3_配置Nginx打开目录浏览功能
- Java 多线程学习笔记(四)yield 介绍