
一、类选择器:用.+名称定义的css样式类型,叫类选择器在class中引用
.comment{
background-color: #0bbb15;
color: white;
margin: 20px;
padding: 20px;
}
<div class=“comment">二、id选择器:用#+名称定义的css样式类型,叫id选择器,在id中应用
#header{
background-color: #0a0a0a;
color: white;
text-align: center;
padding: 5px;
}
<div id=“header”>三、派生选择器:根据文档的上下文关系来确定某个标签的样式叫派生选择器
li strong {
font-style: italic;
font-weight: normal;
}
<li><strong>我是斜体字。这是因为 strong 元素位于 li 元素内。</strong></li>四、元素选择器
如:指定p和h2两个元素的样式
p {font-size: 30px; backgroud-color: gray;}
h2 {background-color: red;}
后面中所有p和h2的元素都使用上面定义的样式
<p>111</p>
<h2>222</h2>五、属性选择器:属性选择器在css2中引入,使我们可以根据元素的属性及属性值来选择元素
对带有指定属性的 HTML 元素设置样式。
可以为拥有指定属性的 HTML 元素设置样式,而不仅限于 class 和 id 属性。
注释:只有在规定了 !DOCTYPE 时,IE7 和 IE8 才支持属性选择器。在 IE6 及更低的版本中,不支持属性选择。
如:对拥有title的属性设置统一样式
[title]{
color:red;
}
<h title=“hell”>hello</h>以上就是css五大选择器是什么?的详细内容,更多请关注易知道|edz.cc其它相关文章!














