简述css选择器的四种类型,CSS选择器的类型,css,种类

1、标签选择器

以标签名开头，选择所有div元素

2、类选择器

给标签取class名，以点(.)加class名开头，选择所有该class名的元素

3、id选择器

给标签取id名，以#加id名开头，具有唯一性，选择”id = ‘wrap’”的元素

4、子选择器

以>隔开父子级元素，(模块名>模块名，修饰>前模块内的子模块)

5、包含选择器

以空格隔开包含关系的元素，(模块名模块名，修饰空格前模块内所有该模块)

6、兄弟选择器

以

隔开兄弟关系的元素(模块名

模块名修饰~前模块往下的所有兄弟模块)

7、相邻选择器

以+隔开相邻关系的元素(模块名+模块名修饰加号前模块往下的相邻的模块只一个)

8、全局选择器

以*开头(星号标在大括号前，修饰了包含body所有的标签)

9、群选择器

以，分隔(逗号分隔开需要修饰的模块名)

10、属性选择器

[] ([type=text]修饰属性为type=text的模块)

11、伪类选择器

(1) li:first-child{} (修饰第一个li)

修饰第一个li元素

(2) li:last-child{} (修饰最后一个li)

修饰最后一个li元素

(3) li:nth-child{} (修饰第()个li)

修饰第二个li元素

(4) li:not(){} (不修饰第()个li,括号里面可以填以上的选择器)

不修饰第一个li元素

作者：繁络

链接：https://www.jianshu.com/p/1d6efea3db1c

来源：简书

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

简述css选择器的四种类型,CSS选择器的类型,css,种类相关推荐

CSS中的四种样式及选择器
CSS语法选择符表示要定义样式的对象,可以是元素本身,也可以是一类元素或者制定名称的元素. 属性:属性是指定选择符所具有的属性,它是css的核心,css2共有150多个属性属性值:属性值包括法定属 ...
HTML 引用Css样式的四种方式
不才,只知道HTML引用CSS样式有四种方式,内部引用和外部引用各两种,因为老是忘记细节,记下了随时翻阅亦可方便如我般的初学者内部引用方式1: 直接在标签内用 style 引用,如: <div ...
html如何引入css文件？HTML引入外部css文件的四种方法
在学习前端的时候,我们应该知道css给html标记添加各种样式,用来告诉浏览器,因该如何显示这些标记里面的内容.既然css是用来给html添加各种样式的,那么,html中如何引入外部的css文呢?本篇 ...
简述css样式的三种引入html的方式,css-1,css的三种引入方式基本选择器
css三种引入方式和四种基本选择器 /*内接样式*/ /*1 选择器选中的是 '共性'*/span{color:green;font-size:30px; } /*组合选择器*/ul,ol{lis ...
html之CSS设计（四种引入方式、各种选择器）
文章目录一.CSS简介二.四种引入方式三.CSS选择器四.练习代码本文主要介绍一下CSS的基本操作,四中引入方式和选择器.属性选择器的使用一.CSS简介 1.介绍: 也叫层叠样式表,用来控 ...
CSS的四种基本选择器和四种高级选择器
CSS选择器:就是指定CSS要作用的标签,那个标签的名称就是选择器.意为:选择哪个容器. CSS的选择器分为两大类:基本选择题和扩展选择器. 基本选择器: 标签选择器:针对一类标签 ID选择器:针对某 ...
2、HTML嵌入CSS样式（四种方法）
CSS 样式代码必须保存在.css类型的文本文件中,或者放在网页内 <style> 标签中,或者插在网页标签的 style 属性值中. CSS 样式应用的方法主要包括 4 种:行内样式.内 ...
CSS常见的四种垂直居中的方法
面试中不管是笔试题还是面试题,一般很容易被问到如何实现垂直水平居中,这里总结四种方法作为参考 (1)margin:auto法 css: div{ width: 400px; height: 400px ...
css水平垂直居中四种常用方式
css水平垂直居中第一种:flex布局水平垂直居中思路: 给父盒子display属性设置flex值,然后使用justify-content与align-item属性进行居中. 参考:阮一峰的fle ...
html标签引入css样式的四种方式
总览内联样式表嵌入样式表外联样式表导入样式表一.内联样式表内联式(Inline Style):也叫内嵌式或行内式,在html代码中嵌入css样式,只对当前标签起作用. 基本语法: 缺点:只 ...

简述css选择器的四种类型,CSS选择器的类型,css,种类

简述css选择器的四种类型,CSS选择器的类型,css,种类相关推荐

最新文章

热门文章