css有哪些种类的选择器

如题所述

css选择器有,标签名选择器,类选择器,ID选择器,后代选择器,群组选择器。

    新建文件创建标记选择器。

    效果。

    创建类别选择器。

    创建ID选择器。

    效果。

    附上源码。

温馨提示:答案为网友推荐,仅供参考
第1个回答  2017-05-20

css的选择器是还是比较富的,主要的css选择器如下: 

    标签选择器(如:body,div,p,ul,li)

    .类选择器(如:class="head",class="head_logo") 

    ID选择器(如:id="name",id="name_txt")

    全局选择器(如:*号)

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

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

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

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

以上选择器在日常开发中最常用的就是标签选择器、类选择器和id选择器,下面是这三种选择器的基本用法

1、标签名选择器 
一个XHTML文档中有许多标签,例如p标签,h1标签等。若要使文档中的所有p标签都使用同一个CSS样式,就应使用标签选择器。 

div {color:red;border:1px blue solid;} 
p {color:#000;}

2、类选择器 
使用标签选择器可以为整个XHTML文档中的同一个标签指定相同的CSS样式。但是在实际运用中,XHTML文档中的同一个标签会被反复使用。若要为相同的标签赋予不同的CSS样式就应使用类选择器。

<div class="test">测试代码</div> 
.test {color:red;border:1px blue solid;}

3、id选择器,id选择器是唯一的,只可以获取独一无二的一个元素。

<div id="test">测试代码</div> 
#test {color:red;border:1px blue solid;}

第2个回答  2014-03-18

CSS的选择器其实大类的话可以分为三类,即id选择器、class选择器、标签选择器。

用法如下:

        #id名 { 属性名:属性值; }

        .class名 { 属性名:属性值; }

        标签名 { 属性名:属性值; }

其中,他们之间又可以以不同的方式进行组合,如下:

        后代选择器: 父代名 后代名 { 属性名:属性值; }

        子代选择器: 父代名>子代名 { 属性名:属性值; }

        群组选择器: #name1, .name2, #name div { 属性名:属性值; }

        伪类选择器: name:伪类

        通用(通配符)选择器: * { 属性名: 属性值; }……

    常用的也就这些。


纯手打,望采纳。我的百度个人简介里面还有博客网址,想看一些我资料欢迎进入我的博客。

本回答被提问者和网友采纳
第3个回答  2018-07-06
CSS选择器如下:
1. 标签名选择器 div { color:Red;} /即页面中的各个标签名的css样式
2.类选择器 .divClass {color:Red;} /即定义的每个标签的class 中的css样式
3.ID选择器 #myDiv {color:Red;} /即页面中的标签的id
4.后代选择器(类选择器的后代选择器) .divClass span { color:Red;} /即多个选择器以逗号的格式分隔 命名找到准确的标签
5.群组选择器 div,span,img {color:Red} /即具有相同样式的标签分组显示
选择器的优先级
1.最高优先级是 (直接在标签中的设置样式,假设级别为1000)<div style="color:Red;"></div>
2.次优先级是(ID选择器 ,假设级别为100) #myDiv{color:Red;}
3.其次优先级是(类选择器,假设级别为10) .divClass{color:Red;}
4.最后优先级是 (标签选择器,假设级别是 1) div{color:Red;}
5.那么后代选择器的优先级就可以计算了啊
比如 .divClass span { color:Red;} 优先级别就是:10+1=11
想详细的话可以参考W3C文档。
第4个回答  2017-02-11

常用的有标签选择器、类选择器、ID选择器等等

首先说主要都有哪些先择器 

1.标签选择器(如:body,div,p,ul,li) 

2.类选择器(如:class="head",class="head_logo") 

3.ID选择器(如:id="name",id="name_txt") 

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

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

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

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

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

在标签内写入style=" "的方式,应该是CSS的一种引入方式,而不是选择器,因为根本就没有用到选择器。

相似回答