属性选择器

伪类选择器

元素的伪类

属性选择器

1.[属性名]{}
2. [属性名=属性值]{}
3.[属性名^=属性值]{}
4. [属性名$=属性值]{}
5.[属性名*=属性值]{}

1.[属性名]{}
2. [属性名=属性值]{}
3.[属性名^=属性值]{}
4. [属性名$=属性值]{}
5.[属性名*=属性值]{}

解释：

1.选择含有指定属性的元素

2.选择含有指定属性以及指定属性值的元素

3.选择含有指定属性以及指定属性值结尾的元素

4.选择含有指定属性,只要含有某个属性值的元素

<style>

[title]{

color: red;

}

[title=ab]{

color: green;

}

[title^=ab]{

background-color: pink;

}

[title$=ab]{

font-size: 30px;

}

[title*=c]{

background-color: green;

}

</style>

body>

<!-- title属性当鼠标悬浮到对应的区域后，

会显示对应title属性的属性值 -->

<p></p>

</body>

title属性  当鼠标悬浮到对应的区域后，会显示对应title属性的属性值

伪类选择器

 :first-child   第一个子元素:last-child    最后一个子元素:nth-child(n)  选中第n个子元素n    选中所有的子元素2n/even   偶数2n+1/odd  奇数

:first-child 第一个子元素
:last-child 最后一个子元素
:nth-child(n) 选中第n个子元素
n 选中所有的子元素
2n/even 偶数
2n+1/odd 奇数

 :first-of-type   第一个子元素:last-of-type    最后一个子元素:nth-of-type(n)     选中第n个子元素

:not() 否定伪类将符合条件的元素去除

元素的伪类

link 表示未访问过的a标签的状态
visited  表示访问过的a标签的状态
hover  鼠标移入后，元素的状态
active  鼠标点击后，元素的状态

:first-of-type 第一个子元素
:last-of-type 最后一个子元素
:nth-of-type(n) 选中第n个子元素

link 表示未访问过的a标签的状态
visited 表示访问过的a标签的状态
hover 鼠标移入后，元素的状态
active 鼠标点击后，元素的状态伪元素选择器

::first-letter 第一个字母
::first-line 第一行
::selection 选中的内容
::before 在元素开始的位置前
::after 在元素结束的位置后

设置鼠标悬停在元素上时的样式
为已访问和未访问链接设置不同的样式
设置元素获得焦点时的样式

北大青鸟培训第四天：HTML和CSS相关知识（持续更新）相关推荐

女程序员/北大青鸟/培训
帮合作伙伴招人,来了三个人面试:一男两女男的来自日本公司,有些经验,但是已经习惯于日本公司的规则化做事,有点死板,没有什么灵性,有点紧张. 女1,这个MM给人的感觉很好,很活跃,个性和态度给人的感觉 ...
北大青鸟培训第四周第一天：HTML和CSS相关知识【定位】（持续更新）
目录定位: 可选值: 开启绝对定位定位: 是一种布局的手段,而且是一种高级的布局手段, 你可以将任何元素,摆放在页面的任意位置可以用position来设置定位可选值: static 默认值, ...
北大青鸟培训第二周第二天：HTML和CSS相关知识（持续更新）
目录行间距 1.行高 (line height):文字占有的实际高度 2.单行文本在父元素中垂直居中 3.font 中也可以指定行高 font:bold italic 25px/3 s ...
北大青鸟培训后端培训第二天
目录 1.编写第一个Java程序 1. 创建Java源程序 2.编译并运行"HelloWorld.java"文件 1.1.4 Java跨平台原理 1.2.1 MyEclipse的安 ...
Java开发经验谈：北大青鸟培训java学费
Java成长笔记大致内容如下: 0-1年入门: Java基础复盘(面向对象+Java的超类+Java的反射机制+异常处理+集合+泛型+基础IO操作+多线程+网络编程+JDK新特性) Web编程初探(S ...
北大青鸟培训第一天：HTML初级代码介绍和相关知识（持续更新）
代码解释 <!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8& ...
北大青鸟培训第二天：HTML初级代码和相关知识（持续更新）
HTML常用标签 <blockquote> </blockquote> <q> </q> <br> <center> </ ...
北大青鸟培训第五天：HTML和CSS相关知识（持续更新）
继承:继承是一种规则,它允许样式不仅应用于某个特定html标签元素,还可应用于其后代元素.CSS继承是指设置父级的CSS样式,父级及以下的子级元素都具有此属性.CSS继承的作用:给父元素设置一些属性, ...
北大青鸟培训第三天：HTML和CSS相关知识（持续更新）
音视频 audio src controls loop autoplay audio标签用来向页面中引入一个外部的音频文件 src 指向音频的引入路径 controls 控制是否允许用户点击播放,默 ...

北大青鸟培训第四天：HTML和CSS相关知识（持续更新）

属性选择器

伪类选择器

元素的伪类

北大青鸟培训第四天：HTML和CSS相关知识（持续更新）相关推荐

最新文章

热门文章

北大青鸟培训第四天：HTML和CSS相关知识 （持续更新）

属性选择器

伪类选择器

元素的伪类

北大青鸟培训第四天：HTML和CSS相关知识 （持续更新）相关推荐

最新文章

热门文章

北大青鸟培训第四天：HTML和CSS相关知识（持续更新）

北大青鸟培训第四天：HTML和CSS相关知识（持续更新）相关推荐