首页 > 试题广场 >

请你说说CSS选择器的类型有哪些，并举几个例子说明其用法？

[问答题]
请你说说CSS选择器的类型有哪些，并举几个例子说明其用法？
查看答案及解析
添加回答
Wonder233头像 Wonder233
元素选择器（如：body,div,p,ul,li）
类选择器（如：class="head",class="head_logo"）
ID选择器（如：id="name",id="name_txt"）
通配选择器（如：*号）
属性选择器（CSS2 引入，如：h1[class]，input[type="text"]，input[class~="btn"] ）
字符串匹配的属性选择符：~存在 、^开头、 $结尾、 *包含子串、 |等于或以其开头
后代选择器（如： h1 em，.btn .cc，）
选择子元素（如，h1 > strong）
选择相邻兄弟元素（如，h1 + p）
伪类选择器（如，a:visited，input:focus）
伪元素选择器（如，p:first-line）
编辑于 2018-03-01 21:39:05 回复(0)
火柴哥头像 火柴哥

<p>基本的选择器有：</p><p>标签选择器，一般应用与div p li等标签</p><p>ID选择器，会选择将样式添加到ID一样的标签上</p><p>类选择器,class</p><p>通用选择器，*会作用在所有元素上，但一般不建议使用</p><p><br></p>


高级的选择器：

伪类选择器，：link,visited,active,hover

伪元素选择器:

并集选择器

后代选择器



编辑于 2020-05-13 14:29:24 回复(0)
TiffanyHam头像 TiffanyHam

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

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

标签选择器（如：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。）

字符串匹配的属性选择符(^ $ *三种，分别对应开始、结尾、包含) 在标签内写入style=" "的方式，应该是CSS的一种引入方式，而不是选择器，因为根本就没有用到选择器。

发表于 2017-09-12 15:34:35 回复(0)
广陵啸头像 广陵啸

CSS选择器有以下：
1.元素选择器（又称为类型选择器） 

html {color:black;}
h1 {color:blue;}
h2 {color:silver;}

2.类选择器 

<h1 class="important">
This heading is very important.
</h1>

3.ID选择器 

<p id="intro">This is a paragraph of introduction.</p>

4.属性选择器 

a[href] {color:red;}

5.后代选择器（又称为包含选择器） 

h1 em {color:red;}

6.子元素选择器 

h1 > strong {color:red;}

7.相邻兄弟选择器 

h1 + p {margin-top:50px;}
编辑于 2018-03-06 20:18:52 回复(1)
赤脚的男孩头像 赤脚的男孩
〉第一个后代 子选择器 空格 所有后代 后代选择器
发表于 2021-08-27 06:28:53 回复(0)
阿珊和她的猫头像 阿珊和她的猫
....
发表于 2018-09-29 16:07:23 回复(0)
提交观点

问题信息

上传者：牛妹
难度：
6条回答 4902浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

扫描二维码，关注牛客公众号