在CSS中hover用于选择鼠标指针浮动在上面的元素，语法“标签选择器:hover{样式代码;}”，用法：1、直接在悬浮元素上改变样式；2、改变子元素的样式；3、改变同级元素的样式；4、改变就近元素的样式等。
在CSS中有个hover属性，当鼠标移上去的时候可以将其激活，它可以用来实现类似于js的一些功能。
css选择符（选择器）有以下这些：
1、通配选择符（ * ）：匹配任意元素。
2、id选择符（ # myid）：匹配 ID 等于“myid”的任意元素 。
3、类选择符（.myclassname）：匹配 class 等于“myclassname”的任意元素.
4、标签选择符（div, h1, p）：选择指定元素名称的所有元素。
5、相邻选择符（E + F）：用于选择（不是内部）指定的第一个元素之后紧跟的元素。
6、子选择符（E > F）：用于选取带有特定父元素的元素，例ul > li，选择所有父级是 <ul> 元素的每个 <li> 元素。（学习视频分享：css视频教程）
7、后代选择符（E F）：用于选取元素内部的元素。
8、伪类和伪元素选择符：用于向某些选择器添加特殊的效果。
1.标记选择器主要应用在HTML页中的标记样式选择。如P选择器就用于声明网页中有P标记的文本内容，同理，H1选择器则可以标记页面中H1的样式。例如： H1 { font-size:14px; font-weight:bold; color:#ccc;}以上代码表示在所有应用H1选择器的地方，将文字的大小设为14像素并加粗，同时将颜色设为灰色，如果要改变H1的颜色，只需将color属性更改就可以了，比如将color设为#e7eefe来与网页的其他地方协调。 2.类别选择器 这是一类最常用的选择器，用它来定义网页中需要特殊表现的样式，类别选择器的名称可以由作者自由定义，一般来讲类别选择器的命名最好有一定的意义，使CSS代码更易维护和阅读。例如定义导航就可以使用.daohang{}或者是.nav{}，不要使用简略或者特殊的字符串，否则可能三天后当你再读你的CSS代码时，就连你自己都搞不清一个样式到底是做什么用的！ 类别选择器就是CSS类，在HTML表现为调用的class。例如： (1)style.css文件中定义 .title { margin:10px; padding:2px 5px;}(2)HTML文件中
在上述定义中，p标签将引用CSS文件中的title样式应用到整个p覆盖的范围。p将显示为一个上下左右margin各为10px，上下padding为2px，左右padding为5px的矩形。 请注意类别选择器CSS定义和标记选择器的区别：在CSS文件中，标记选择器前边没有"."号，下面我们还会讲到ID选择器，它的定义也不一样，每个ID选择器样式前有一个"#"号，以确定其为ID选择器，而在HTML中则用ID="style"引用。值得注意的是，一个标签可以同时应用多个class选择器，如,具体大家可以在下边思考并做下实验，笔者在这就不举例了。3.ID选择器(1)ID选择器用法和class基本没有区别，他们的不同之处就在于ID选择器只能在HTML页中使用一次，而class则可以任意多次调用，在CSS文件中，ID 选择器一般写成 #idname { bgcolor:#339; font-size:16px;}如果一个ID应用于多个HTML标记，则有可能造成IE编译错误，并且由于ID选择器可以被JAVASCRIPT等调用，所以多个ID会导致JAVA编译错误并崩溃！ (2)HTML的引用 在HTML中引用ID选择器的代码如下所示： 并且ID选择器不能像类别选择器那样同时被一个标签调用。这也是完全错误的语法。 复合选择器就是基本选择器通过不同的链接方式构成的。 复合选择器就是两个或多个基本选择器，通过不同方式链接而成的选择器。css的选择器的分类不包括“超文本标记选择器”。
css的选择器包括类选择器、标签选择器、ID选择器、伪类选择器等等。
类选择器，比如class类型 class = "nav"的话，那么css对应.nav{}；
标签选择器，比如body input 就是直接对应 body{} input{}；
ID选择器，比如 id="name"，那么css对应 #name{}；
伪类、伪对象：如a:link,a:hover,a:visited等。
版权说明：Copyright © 广州京杭网络科技有限公司 2005-2025 版权所有 粤ICP备16019765号
广州京杭网络科技有限公司 版权所有
免费热线：400-683-0016
扫二维码关注公众号
当前位置：