css样式表--选择器应用

陈鑫

---

★选择器（网安高级会用到）

1.基本选择器

（标签选择器，id选择器，类选择器，通配符选择器--所用）

2.包含选择器

（子代选择器，后代选择器）

3.复合选择器

（选择所有）

4.属性选择器

（标签后的属性）

5.伪类选择器

6结构伪类选择器

例一：

例二：

 7.伪元素选择器

   8.css类选择器，hover，绝对定位案例

    五彩导航栏

注：悬停

该 **`hover`** [CSS](https://developer.mozilla.org/zh-CN/docs/Web/CSS) [`@media`](https://developer.mozilla.org/zh-CN/docs/Web/CSS/@media) 可以根据用户的主要输入机制是否可以悬停在元素之上来应用样式。[语法](https://developer.mozilla.org/zh-CN/docs/Web/CSS/@media/hover#%E8%AF%AD%E6%B3%95)

悬停功能指定为从下面列表中选择的关键字值。

`none`

主要输入机制无法悬停或不方便悬停（例如，当用户执行不方便的长按操作时，许多移动设备模拟悬停），或者没有主指示输入机制。

`hover`

主要输入机制可以方便地悬停在元素上。