css selector什么意思


本文摘自PHP中文网,作者藏色散人,侵删。

css selector指的是css选择器,是用来匹配网页中的dom元素的,常用选择器可分为标签名选择器、类选择器、id选择器、派生选择器、子元素选择器、分组选择器和伪元素选择器。

本文操作环境:windows10系统、css3、thinkpad t480电脑。

推荐:《css视频教程》

css selector指的是css 选择器,是用来匹配网页中的dom元素的,css样式的定义为:选择器{样式}。“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。

要使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器。HTML页面中的元素就是通过CSS选择器进行控制的。

每一条css样式定义由两部分组成,形式如下:

1

2

3

selector {property: value}

选择器{属性:属性值}

//即 选择器{样式}

在{}之前的部分就是“选择器”。 “选择器”指明了{}中的“样式()”的作用对象,也就是“样式”作用于网页中的哪些元素。可以是一个HTML标签,也可以是特定的id或class等的标签。

简单来说:CSS主要的作用就是给网页中的dom元素设置样式,而选择器则是用来匹配dom元素的。

常用选择器可分为:标签名选择器,类选择器,id选择器,派生选择器,子元素选择器,分组选择器,伪元素选择器。

使用css选择器时的注意事项:

由于对CSS的解释是自上而下的,对于一个元素的相同属性描述,放在下面的会覆盖掉位于上面的属性描述,因此我们在对元素的选择中一定要注意书写顺序,如:

1

2

a:visited {color: #00FF00; text-decoration: none}

a:hover {color: #FF00FF; text-decoration: underline}

采用这样的书写顺序,无论链接有没有被访问过,只要当鼠标移到链接上,链接都会变成蓝色并有下划线。但是,如果采用下面的书写顺序:

1

2

a:hover {color: #FF00FF; text-decoration: underline}

a:visited {color: #00FF00; text-decoration: none}

如果链接被访问过,则当你鼠标移到链接上时不会变成蓝色并有下划线,依然保持绿色。

以上就是css selector什么意思的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

深入了解css属性*-gradient的使用技巧

css怎么改变hr标签颜色

css和javascript之间有什么区别

css中怎么设置字体下划线

css如何设置表格标题(caption标签)的位置

css实现将网页变成黑白色

css标签与标签怎么设置距离

css中rem有什么特点

css怎么让两个div在同一行显示

css选择器first-child与first-of-type之间有什么区别?

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...