当前位置:首页 > 自学前端 > CSS > CSS教程 CSS的选择器

CSS教程 CSS的选择器

刘广法2022年04月11日 16:25:15CSS5900
CSS教程 CSS的选择器-第1张图片-刘广法IT博客

CSS教程 CSS的选择器

基础选择器:

1、标记选择器:直接标记即可

2、id选择器:用定义的id

3、类选择器:用定义的类,一个标记可以使用多个类

4、模糊选择器:全选选择器,一般不单独使用。

高级选择器:(a 和 b 都是基础选择器)

1、子代选择器:a>b,选中某个元素的子元素

2、后代选择器:a b,选中某个后代的子元素

3、兄弟选择器:a~b,a+b:~表示选中 a 标记中的所有子标记 b ;+表示 a 标记中的紧邻的 b 标记

4、并集选择器:a,b,表示集合 a 和集合 b 中的所有标记

5、交集选择器:ab ,表示集合 a 和集合 b 中的交集元素

伪类选择器:

1、:first-child:    选中父元素的第一个子元素

2、:last-child:    选中父元素的最后一个子元素

3、:nth-child(n):    选中父元素的第 n 个子元素

超链接伪类选择器:love hate 

1、:link:    默认样式

2、:visited:    访问之后的样式

3、:hover:    鼠标滑过的样式,可以适用于任何标记

4、:active:    激活后的样式,有的浏览器认为按下即为激活

伪元素

作者为:刘广法,网站地址:https://liuguangfa.com/

扫描二维码推送至手机访问。

版权声明:本文由刘广法博客发布,如需转载请注明出处。

本文链接:https://liuguangfa.com/css/166.html

分享给朋友:

“CSS教程 CSS的选择器” 的相关文章

CSS教程 颜色的选择

css的颜色机制:rgb颜色机制rgb表示法:1、red(红)、blue(蓝)、freen(绿),任何的颜色都是通过三种颜色进行搭配而来的,不支持透明。2、任何颜色都是通过red、blue、freen 三种颜色搭配而来,最多使用255份,如:rgb(255,255,255)十六进制表示法:1、#ff...

CSS教程 关于css的相关基础知识点

CSS教程 相关知识点css:全称:Cascde Style Sheet ,层叠样式表用于细粒化的调整html元素的样式或修饰。css的只要作用就是负责html的样式修饰的。css的三种引入方式:1、行内样式:使用style 修饰所在的行,缺点:如果多个标记样式一样,无法简化。2、页内样式:使用st...

CSS教程 css常用的单词和css中常用的样式

CSS常用的样式:块元素:width,宽度。height:高度,单位可以是px,也可以是百分比。background-color:背景色。color:前景色 font-weight:字重,表示字体的粗细,一般常用normal,bold text-decoration:overli...

CSS教程 三个重点(盒模型、浮动、固定)

CSS教程 三个重点(盒模型、浮动、固定)

css教程 三个重点:1、盒模型box-modelMargin(外边距) - 清除边框外的区域,外边距是透明的。Border(边框) - 围绕在内边距和内容外的边框。Padding(内边距) - 清除内容周围的区域,内边距是透明的。Content(内容) -...

CSS教程 设置一个导航栏

CSS教程 设置一个导航栏一、通过把块元素转化成行内元素二、通过浮动然后按下浮动三、通过固定来控制一、把块状元素转化成行内元素:1、list-style-tyoe:nome;    列表符号类型,可以转换成有序列表,也可以省略列表符号。2、text-decor...

CSS教程 等分的两种方法

CSS教程 等分的两种方法一、通过增加一个边框进行设置:可以匹配低版本css二、通过calc()进行函数运算:一、通过增加一个边框进行设置:可以匹配低版本css<!DOCTYPE html> <html> <head> <meta&nb...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。