css,并列,后代和属性应用

1 标签选择器 直接写span{} div{}等
2 id选择器 style里的唯一符号为 # ,格式#id值
3 class选择器 可以重复,符号为 . ,格式.class值
4 符合选择器:
并列: 可以连用 .class1,.class2,#id1,#id2{}
.class值1,class值2 {样式}
#id值1,id值2{}
后代: 写法:id选择器或者.选择器 标签名
筛选: class选择器
属性: 语法:标签名[属性="属性值"]{样式}
input[nmae="name1"]{width:10px;}

--------------------

#demo10{
/*width: 100px;
height:100px;*/
border: 1px solid red;
}
/*后代用法,只对demo10 后代生效*/
#demo10 span{
border: 1px solid red;
}
/*只对demo10下的span有效,对demo10无效*/
input[name="nam"]{
width: 500px;
}

<input type="text" name="nam">
<input type="text" name="name2">
<input type="text" name="name3">
<input type="text" name="name4">
<input type="text" name="nam">

-----

<div id="demo10">
<span style="width:100px;height:100px;">后代的用法</span><br>

<span>span标签根据内容定高宽</span>
</div>

posted on 2019-07-29 17:19  流光若影  阅读(645)  评论(0编辑  收藏  举报