css有哪些种类的选择器

2024-11-08 12:00:24
推荐回答(5个)
回答(1):

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

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

  2. 效果。

  3. 创建类别选择器。

  4. 创建ID选择器。

  5. 效果。

  6. 附上源码。

回答(2):

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样式就应使用类选择器。

测试代码
 
.test {color:red;border:1px blue solid;}

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

测试代码
 
#test {color:red;border:1px blue solid;}

回答(3):

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

用法如下:

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

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

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

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

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

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

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

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

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

    常用的也就这些。


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

回答(4):

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)


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文档。

回答(5):

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

相关问答
最新问答