css selector指的是css选择器,是用来匹配网页中的dom元素的,常用选择器可分为标签名选择器、类选择器、id选择器、派生选择器、子元素选择器、分组选择器和伪元素选择器。
本文操作环境:windows10系统、css3、thinkpad t480电脑。
推荐:《css视频教程》
css selector指的是css 选择器,是用来匹配网页中的dom元素的,css样式的定义为:选择器{样式}。“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。
要使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器。HTML页面中的元素就是通过CSS选择器进行控制的。
每一条css样式定义由两部分组成,形式如下:
selector {property: value} 选择器{属性:属性值} //即 选择器{样式}
在{}之前的部分就是“选择器”。 “选择器”指明了{}中的“样式()”的作用对象,也就是“样式”作用于网页中的哪些元素。可以是一个HTML标签,也可以是特定的id或class等的标签。
简单来说:CSS主要的作用就是给网页中的dom元素设置样式,而选择器则是用来匹配dom元素的。
常用选择器可分为:标签名选择器,类选择器,id选择器,派生选择器,子元素选择器,分组选择器,伪元素选择器。
使用css选择器时的注意事项:
由于对CSS的解释是自上而下的,对于一个元素的相同属性描述,放在下面的会覆盖掉位于上面的属性描述,因此我们在对元素的选择中一定要注意书写顺序,如:
a:visited {color: #00FF00; text-decoration: none} a:hover {color: #FF00FF; text-decoration: underline}
采用这样的书写顺序,无论链接有没有被访问过,只要当鼠标移到链接上,链接都会变成蓝色并有下划线。但是,如果采用下面的书写顺序:
a:hover {color: #FF00FF; text-decoration: underline} a:visited {color: #00FF00; text-decoration: none}
如果链接被访问过,则当你鼠标移到链接上时不会变成蓝色并有下划线,依然保持绿色。
以上就是css selector什么意思的详细内容,更多请关注php中文网其它相关文章!
已抢186932个
抢已抢67437个
抢已抢353567个
抢已抢668067个
抢已抢123413个
抢已抢25175个
抢