要使用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}
如果链接被访问过,则当你鼠标移到链接上时不会变成蓝色并有下划线,依然保持绿色。
更多前端开发知识,请查阅 HTML中文网 !!
以上就是css selector什么意思?的详细内容,更多请关注易知道|edz.cc其它相关文章!