您的位置：首页 > Web前端 > HTML5

HTML5选择器

2016-08-14 12:22 190 查看
最近刚开始学习HTML5，记录一下自己学习的笔记，方便以后查阅：

首先选择器的常用分类：

1、标签选择器

div{
color: red;
}


2、类选择器

.one{
color: yellow;
}


3、id选择器，注意id是唯一的标示，不能用于其他标签

#main{
font-size: 40px;
}


4、后代选择器

#test1 div{
color: black;
font-size: 50px;
}


5、属性选择器

div[name]{
color: blue;
}


用法示例：

<body>
<div id="main">11111111111111</div>
<div>11111111111111</div>
<div>11111111111111</div>

<p>2222222222222</p>

<div class="one">2222222222</div>
<p class="one">4444444444444</p>

<div id="test1">
<p>
<div>3434343424234</div>
</p>
</div>

<div name="cen">98989898</div>
<div>77777777777</div>
</body>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  html5 标签 class
相关文章推荐
新的分享
章节导航