css有哪些种类的选择器

 我来答
双鱼20188
2018-03-30 · TA获得超过8764个赞
知道小有建树答主
回答量:37
采纳率:0%
帮助的人:1.8万
展开全部

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

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

  2. 效果。

  3. 创建类别选择器。

  4. 创建ID选择器。

  5. 效果。

  6. 附上源码。

码农小明哥
2017-05-20 · 互联网程序员一枚,欢迎交流
码农小明哥
采纳数:9602 获赞数:25062

向TA提问 私信TA
展开全部

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

  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. 字符串匹配的属性选择符(^ $ *三种,分别对应开始、结尾、包含) 

以上选择器在日常开发中最常用的就是标签选择器、类选择器和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;}
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
欧笛圣
2014-03-18 · TA获得超过407个赞
知道答主
回答量:67
采纳率:0%
帮助的人:60.9万
展开全部

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

用法如下:

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

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

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

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

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

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

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

  4.     伪类选择器: name:伪类

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

    常用的也就这些。


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

本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
黑马程序员
2018-07-06 · 改变中国IT教育,我们正在行动
黑马程序员
黑马程序员为大学毕业后,有理想、有梦想,想从事IT行业的年轻人改变自己的命运。黑马程序员成就IT黑马
向TA提问
展开全部
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文档。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友4500073
2017-02-11 · 超过18用户采纳过TA的回答
知道答主
回答量:39
采纳率:0%
帮助的人:15.1万
展开全部

常用的有标签选择器、类选择器、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的一种引入方式,而不是选择器,因为根本就没有用到选择器。

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(13)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式