css-id选择器
2018-06-22 23:20
162 查看
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--<link rel="stylesheet" href="xx.css">-->
<style>
/*#i1{*/
/*height: 100px;*/
/*weidth:100px;*/
/**/
/*}*/
/*.c1{*/
/*height: 100px;*/
/*weidth:100px;*/
/**/
/*}*/
/*div{*/
/*height: 100px;*/
/*weidth:100px;*/
/**/
/*}*/
/*div span{*/
/**/
/*}*/
/*.c2 span{*/
/**/
/*}*/
/*#i2 span{*/
/**/
/*}*/
/*#i3,#i4,#i5{*/
/**/
/*height: 100px;*/
/*weidth:100px;*/
/*}*/
/*.c1{*/
/**/
/*height: 100px;*/
/*weidth:100px;*/
/*}*/
div[name='dsx']{
background-color: navajowhite;
}
</style>
</head>
<body>
<!--id选择器 一个htmL页面中 不可以存在相同的id id以#来定位-->
<!--<div id="i1"></div>-->
<!--class选择器 以点来定位-->
<!--<div class="c1"></div>-->
<!--标签选择器 当前html页面的所有div都会受到影响-->
<!--<div></div>-->
<!--<div></div>-->
<!--<div></div>-->
<!--标签层级选择器-->
<!--<div>-->
<!--<span>大师兄</span>-->
<!--</div>-->
<!--class 层级选择器-->
<!--<div class="c2">-->
<!--<span>大师兄</span>-->
<!--</div>-->
<!--id层级选择器-->
<!--<div id="i2">-->
<!--<span>大师兄</span>-->
<!--</div>-->
<!--<div id="i3"></div><br>-->
<!--<div id="i4"></div><br>-->
<!--<div id="i5"></div>-->
<!--<div class="c1"></div><br>-->
<!--<div class="c1"></div><br>-->
<!--<div class="c1"></div>-->
<div name="dsx">2222</div>
</body>
</html>
相关文章推荐
- css中选择器何时使用id/class
- CSS id选择器
- CSS中的ID选择器和类选择器区别及用法
- CSS之类选择器还是ID选择器
- css 类选择器和id选择器
- CSS - 选择器(标签选择器、类选择器、ID选择器)
- CSS中的id选择器和类选择器的用法
- css中.class和id选择器的异同点
- css入门之html选择器,ID选择器,类选择器,属性选择器
- 02 初识css 、 css类选择器、 id选择器、 html选择器
- CSS id 选择器
- CSS id 选择器
- CSS之标签选择器、ID选择器、类选择器
- HTML基础之CSS-id选择器
- <学习CSS>第二天笔记-选择器(标签选择器、类选择器、css命名规范、谷歌案例、多类名选择器、id选择器、通配符选择器、伪类选择器)
- css中id选择器和class选择器的区别?
- CSS ID选择器(三)
- CSS id 选择器
- css 类选择器 id选择器 html选择器 通配符选择器 父子选择器
- CSS id 选择器(五)