cssselector指的是什么

这篇文章主要介绍css selector指的是什么,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

创新互联建站专注于湖口网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供湖口营销型网站建设,湖口网站制作、湖口网页设计、湖口网站官网定制、成都微信小程序服务,打造湖口网络公司原创品牌,更为您提供湖口网站排名全网营销落地服务。

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

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指的是什么”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


网页标题:cssselector指的是什么
浏览路径:http://scyanting.com/article/gdpjio.html