首页 > 代码库 > CSS中的三种选择器
CSS中的三种选择器
第一种：标签名选择器
font-size: 30px;
}
格式：标签名｛
属性一：属性值；
属性二：属性值；
...
｝
例子：第一步：div{
属性一：属性值；
属性二：属性值；
...
｝
例子：第一步：div{
background-color:#00ff00;
font-size:20px;
}
第二步：<div> 第二种方式</div >
第二种：类名选择器
格式：.类名{
属性名:属性值;
属性名:属性值;
...
}
例子：第一步：.one{
font-size: 30px;
}
第二步：<div class="one">div 区域一</div>
第三种：id先择器
格式：#id名称{
属性名:属性值;
属性名:属性值;
...
}
例子：第一步： #div03{
background-color:#00ff00;
font-size:20px;
}
第二步：<div id= "div03"> 第三种方式</div >
标示：一个好的CSS需要合理的混合使用这三种选择器
div span : 表示设定div标签中的span标签 的样式
span .our: 表示设定span标签中 class名称为 our的标签的样式
a#women : 表示设定a标签中id名称为women的a标签的样式
span .our: 表示设定span标签中 class名称为 our的标签的样式
a#women : 表示设定a标签中id名称为women的a标签的样式
CSS中的三种选择器
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。