CSS层叠样式表之选择器

一、四大基本选择器

1.统配选择器

*{
}

匹配页面所有元素，一般用于页面样式初始化

2.标记选择器

tagName{
}
匹配页面指定的某种特定元素，如p、h1等，一般用在特定元素的初始化样式

3.类选择器

.类名{
}
[元素增加 class="类名"]
匹配具备class属性的元素

4.id选择器

#id值{
}
[id="id值" （id值具有唯一性）]
匹配具备id属性的元素

二、复合选择器

1.子代选择器

匹配某个元素的直系子元素父选择器>子选择器 { }

2.后代选择器

匹配某个元素的所有后代（内部）子元素父选择器后代子选择器 { }

3.属性选择器

依赖元素的html属性来匹配元素 [属性] { }

4.兄弟选择器

匹配相同等级的元素选择器+选择器 { }

5.伪类选择器

正常选择器的辅助，紧随正常选择器后使用：伪类选择器名称 { }

超链接专用伪类有：

：link { } 链接未访问状态

：hover { } 鼠标进入状态

：visited { } 访问之后状态

：active { } 激活状态

元素获取焦点时的伪类（一般用于表单元素） input：focus { }

获取某个元素父元素下的某个特定元素：

：nth-child(index/2n/2n-1) { }

：first/last-child { }

6.伪元素（双冒号）

前置操作（在元素内容前插入内容）：：before

后置操作（在元素内容后插入内容）：：after

CSS层叠样式表之选择器相关推荐

CSS层叠样式表--三大特性
一.继承性有些属性,如果父元素中已经设置过,其子元素无需重新设置.(可以节省代码) ★★★继承性失效的情况 1.继承的优先级没有浏览器的默认样式高. 二.层叠性 1.多个选择器可以同时作用于同一个标 ...
css层叠样式表、基本选择器
文章目录系列文章目录前言一.css层叠样式表 1.css组成 2.css引入方式 3.文字样式 4.文本属性二.选择器 1.基本选择器 2.最高样式引入 3.伪链接选择器 4.伪结构选择器 5 ...
CSS层叠样式表-选择器
一.css层叠样式表的三种形式 1.行内样式表 2.内部样式表 3.外部样式表二.CSS选择器 1.标签选择器例: <html lang="en"> <hea ...
CSS(层叠样式表cascading style sheet)——CSS样式、基础选择器
一.CSS作用对页面的外观进行美化统一网站页面的风格实现内容和样式的分离,适合团队开发二.CSS语法规范三.CSS引入方式 CSS的3种样式表书写位置的不同分为:行内样式表(行内式) ...
CSS样式----标记选择器
一,概念 CSS(Cascading Style Sheet),中文译为层叠样式表,是用于控制网页样式并允许将样式信息与网页信息内容分离的一种标记性语言. 二,标记选择器 <style> ...
java基础57 css样式、选择器和css定位（网页知识）
本文知识点(目录): 1.CSS样式 2.选择器 3.CSS定位 1.CSS样式 1.html 在一个网页中负责的是一个页面的结构 2.css(层叠样式表)在一个页面中负责了一 ...
前端基础-CSS的各种选择器的特点以及CSS的三大特性
一. 基本选择器二. 后代选择器.子元素选择器三. 兄弟选择器四. 交集选择器与并集选择器五. 序列选择器六. 属性选择器七. 伪类选择器八. 伪元素选择器九. CSS三大特性一. ...
CSS学习笔记--CSS语法与选择器
导语 Css用于控制网页的样式和布局,指层叠样式表(Cascading Style Sheets),定义如何显示HTML的元素,这个样式通常存储在样式表中.在工作中通常使用的外部样式表,外部样式表 ...
Css 分类属性选择器
Css 层叠样式表美化页面的小工具分类: 内联 (行内)在标签内部以属性的形式呈现,属性名style 内嵌 head标签内以标签形式呈现,标签名style 外部 head标签内加link标签引 ...

CSS层叠样式表之选择器

CSS层叠样式表之选择器相关推荐

最新文章

热门文章