css五大选择器是什么?

css五大选择器,分别为:类选择器、id选择器、派生选择器、元素选择器、属性选择器。下面本篇文章就来给大家介绍一下css五大选择器,希望对大家有所帮助。

一、类选择器:用.+名称定义的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其它相关文章!

推荐阅读