CSS3中选择器的语法有哪些

本文小编为大家详细介绍“CSS3中选择器的语法有哪些”,内容详细,步骤清晰,细节处理妥当,希望这篇“CSS3中选择器的语法有哪些”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

从化网站建设公司创新互联建站,从化网站设计制作,有大型网站制作公司丰富经验。已为从化上千提供企业网站建设服务。企业网站搭建\外贸网站制作要多少钱,请找那个售后服务好的从化做网站的公司定做!

 1,基本选择器语法

(1)*   通配选择器   选择文档中所以HTML元素

(2)E   元素选择器   选择指定类型的HTML元素

#id      ID选择器 选择指定ID属性值为“id”的任意类型元素

.class 类选择器 选择指定class属性值为“class”的任意类型的任意多个元素

selector1,selectorN  群组选择器   将每一个选择器匹配的元素集合并

2,层次选择器语法

(1)E F后代选择器(包含选择器)     选择匹配的F元素,且匹配的F元素被包含在匹配的E元素内

(2)E>F     子选择器 选择匹配的F元素,且匹配的F元素所匹配的E元素的子元素

(3)E+F     相邻兄弟选择器 选择匹配的F元素,且匹配的F元素紧位于匹配的E元素的后面

(4)E~F     通用选择器   选择匹配的F元素,且位于匹配的E元素后的所有匹配的F元素

3,动态伪类选择器语法

(1)E:link  链接伪类选择器 选择匹配的E元素,而且匹配元素被定义了超链接并未被访问过。常用于链接描点上

(2)E:visited    链接伪类选择器 选择匹配的E元素,而且匹配元素被定义了超链接并已被访问过。常用于链接描点上

(3)E:active     用户行为选择器 选择匹配的E元素,且匹配元素被激活。常用于链接描点和按钮上

(4)E:hover     用户行为选择器 选择匹配的E元素,且用户鼠标停留在元素E上。IE6及以下浏览器仅支持a:hover

(5)E:focus      用户行为选择器 选择匹配的E元素,而且匹配元素获取焦点

读到这里,这篇“CSS3中选择器的语法有哪些”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注创新互联行业资讯频道。

网页题目:CSS3中选择器的语法有哪些
路径分享:https://www.cdcxhl.com/article42/pdjdec.html

成都网站建设公司_创新互联,为您提供面包屑导航用户体验全网营销推广标签优化网站维护App开发

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

微信小程序开发