成都网站建设设计

将想法与焦点和您一起共享

css选择器有几种分类

这篇文章将为大家详细讲解有关css选择器有几种分类,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

专注于为中小企业提供做网站、网站设计服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业印台免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了上1000家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。

css选择器的分类有:1、标签选择器;2、类选择器;3、ID选择器;4、全局选择器;5、组合选择器;6、继承选择器;7、伪类选择器;8、字符串匹配的属性选择符。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

css选择器的种类是有很多的,下面我们就来看一看css选择器的类型

1、标签选择器(如:body,p,p,ul,li)。

2、类选择器(如:class=“head”,class=“head_logo”) 。

3、ID选择器(如:id=“name”,id=“name_txt”)。

4、全局选择器(如:*号)。

5、组合选择器(如:.head .head_logo,注意两选择器用空格键分开)。

6、继承选择器(如:p p,注意两选择器用空格键分开)。

7、伪类选择器(如:就是链接样式,a元素的伪类,4种不同的状态:link、visited、active、hover。)。

8、字符串匹配的属性选择符(^ $ *三种,分别对应开始、结尾、包含) 。

上述八种css选择器中最常用的css选择器是标签选择器、.类选择器、ID选择器、属性选择器、伪类选择器。

下面我们就分别对这五个css选择器来举一个例子:(其他选择器例子可以参考css手册)

(1)标签选择器:




    
    
    
    Document
    


    

余生有你

    

幸得安喜

效果如下:

css选择器有几种分类

(2).类选择器:




    
    
    
    Document
    


    div
    div
    div

效果如下:

css选择器有几种分类

(3)ID选择器:




    
    
    
    Document
    


    div
    div
    div

效果如下:

css选择器有几种分类

(4)属性选择器:




    
    
    
    Document
    


    div
    div
    div

效果如下:

css选择器有几种分类

(5)伪类选择器:




    
    
    
    Document
    


    哈喽,看我,你在干什么

效果:

css选择器有几种分类

css的全称是什么

css的全称是Cascading Style Sheets(层叠样式表),它是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

关于“css选择器有几种分类”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


本文名称:css选择器有几种分类
文章分享:http://chengdu.cdxwcx.cn/article/pspjie.html

其他资讯