资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

HTML选择器的概念是什么

这篇文章主要介绍“HTML选择器的概念是什么”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“HTML选择器的概念是什么”文章能帮助大家解决问题。

创新互联致力于互联网网站建设与网站营销,提供做网站、网站建设、网站开发、seo优化、网站排名、互联网营销、微信小程序、公众号商城、等建站开发,创新互联网站建设策划专家,为不同类型的客户提供良好的互联网应用定制解决方案,帮助客户在新的全球化互联网环境中保持优势。

1.通配选择器—*:匹配页面中所有的标签元素

语法规定是:*{属性:值};常用于定义全局样式,如字体大小颜色等

2.元素/标签选择器—p、div、span等:就是匹配某一类标签

语法规范:p{属性:值}

3.类选择器—“.className”:就是匹配某一个或一组class名的标签“

语法规范:.className{属性:值}

4.分类选择器—“p.name”:就是匹配某一标签中,指定类名的目标标签

语法规范:p.name{属性:值} 就是匹配p标签中类名为name的p标签;

5.id选择器—“#idName”:就是匹配某一个id值的标签

语法规范:#idName{属性:值},注意这个匹配绝对是只有一个目标,因为id是不允许重复的,唯一的,因为id对应的目标元素也是唯一的,这个方式定位到目标元素是最准确的。

HTML选择器的概念是什么

6.群组选择器:这个选择器,不是特别的选择器,是指多个元素在有相同样式的情况下,可以通过在选择器之间加","隔开,这样能使多个元素运用{}后的样式

语法规范:p,div{属性:值},意思即p div有相同的样式,这个方式使得CSS代码能加简洁,方便

7.后代选择器:这个方式就通过元素的位置来匹配,后代选择器是指某一个元素即<标签>内所有的元素,通过选择器1 选择器2的方式定位到某一元素的后代元素;如

我的div的后代1

我的div的后代2

语法规范:div p{属性:值} 这样就能选择匹配到div后代所有的p了,不管是第一层还是第n层的p;

8.子代选择器:这个方式也是通过元素的位置来匹配,和后代选择器不同的时,子代选择器匹配到的是某一个标签的第一层后代,仅仅是父子关系,方式也和后代选择器不同,方式是通过“>”;

语法规范:div>p{属性:值}

9.伪类选择器:这个选择器通过匹配识别元素的某一个状态;伪类选择器分类:

a)链接伪类:适用于未访问的链接a即a:link,适用于访问过后的链接a即a:visited。

b)动态伪类:适用于鼠标悬停时即:hover,适用于元素被激活时即:active,适用于元素获取焦点时(一般是指表单)即:focus.

c)目标伪类。

d)元素状态伪类。

e)结构伪类。

f)否定伪类。

关于“HTML选择器的概念是什么”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注创新互联行业资讯频道,小编每天都会为大家更新不同的知识点。


新闻名称:HTML选择器的概念是什么
标题来源:http://www.cdkjz.cn/article/jhoodo.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220