当前位置： 移动技术网 > IT编程>网页制作>CSS > CSS选择器解析

CSS选择器解析

2019年01月15日  | 移动技术网IT编程  | 我要评论

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]{}；
这里写图片描述

6.后代选择器：

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

p strong{
color:fuchsia;
}

7.子元素选择器：

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

h1>strong

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网