[浅谈各种选择器]
一、ID选择器和类选择器
ID选择器和类选择器作为常见的样式选择器有着极高的“出场率”,这里先简单说一下两种选择器的用法以及谁优先的问题,下面请先看ID选择器:
下面来看一下类选择器的用法:
以上两段代码的显示效果是完全相同的,都是对div中的文本进行字体颜色上的处理;考虑到代码的维护性,一般不将style样式写到内部,另外标签选择器也是一种用法,代码类似于: 在项目开发中也起着一定的作用。
二、组合选择器
1、包含选择器:包含选择器也是一种常见的样式选择器,在style中的书写方式用空格隔开,前面是包含,后面是被包含,共同构成了包含选择器,具体代码如下:
<!DOCTYPE html>
我在外部
子选择器
![子选择器](https://img-blog.csdnimg.cn/2019042700060861.png) 3、相邻选择器:互为兄弟标签可以通过 + 进行选择,值得注意的是,前后的关系是兄弟关系,并且两个标签兄放在前面,弟放在后面,否则这种使用方法无效。
总之,CSS3的选择器还有很多,比如兄弟选择器、属性选择器、伪类选择器,这里介绍一种关于a标签的伪类选择器用法,代码如下: