欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

CSS选择器解析

程序员文章站 2022-05-16 09:35:57
css选择器 1.元素选择器: 最常见的选择器就是元素选择器,文本的元素就是最基本的选择器。 例如:h1{}、a{}; 2.选择器的分组: h1,h2{ color:...

css选择器

1.元素选择器:

最常见的选择器就是元素选择器,文本的元素就是最基本的选择器。 例如:h1{}、a{};

2.选择器的分组:

h1,h2{
color:red;
}

通配符
*{
color:red;
}
如果未指定某一元素的样式,那么该元素使用通配符样式。

3.类选择器:

类选择器允许以一种独立与文档元素的方式来指定样式; class{};

可以结合元素选择器来进行使用:
例如:a.class{};

a.wangunfei{

}

3.多类选择器:

.class.class{};

4.id选择器:

#id{}
id选择器类似于类选择器,不过也有一些重要差别。

#myp{
color:red;
}

id选择器与类选择器的区别:
id选择器在文档中只能使用一次,而类选择器可以使用多次。
id选择器不能结合使用;
当使用js时,需要用到id;

5.属性选择器:

[title]{};
CSS选择器解析

6.后代选择器:

后代选择器可以选择作为某些元素后代的元素;

p strong{
color:fuchsia;
}

7.子元素选择器:

与后代选择器相比,子元素选择器只能选择作为某元素子元素的元素;

h1>strong