怎样用css实现div选中的效果

html-css040

怎样用css实现div选中的效果,第1张

不懂这儿的选中是鼠标点击还是覆盖或者是点击之后的效果,因此就都说一下:\x0d\x0a1.被点击时的效果可以用div:active{ css }\x0d\x0a\x0d\x0a2.鼠标覆盖在上面的时候可以用div：hover{ css}\x0d\x0a\x0d\x0a3.点击之后的效果，这个相对前2种有些麻烦，必须用到JS或者jquery，步骤如下：\x0d\x0a\x0d\x0aa.先给div添加一个选中的样式比如on{css}；\x0d\x0a\x0d\x0ab.然后在js中$('div').click(function{\x0d\x0a$('div').toggleClass(' ','on')\x0d\x0a})\x0d\x0a这是jquery自带的一个方法，点击div切换2个class,

11-css3新增选择器 原创

2022-08-06 17:02:22

CapejasmineY

码龄4年

关注

文章目录

一、渐进增强和优雅降级

二、层级选择器

三、属性选择器

四、伪类选择器

1、结构伪类选择器

2、目标伪类选择器

3、UI元素状态伪类选择器

4、否定伪类选择器

5、动态伪类选择器

一、渐进增强和优雅降级

**渐进增强：**针对低版本浏览器进行构建页面，保证最基本功能。在针对高版本浏览器进行效果、互动等改进和追加功能，达到更好的体验。

**优雅降级：**一开始就构建完整的功能，然后针对低版本进行兼容。

二、层级选择器

三、属性选择器

四、伪类选择器

1、结构伪类选择器

在这里插入图片描述

例子：

2、目标伪类选择器

用法：

目标伪类选择器是结合锚点用的（就这一个用法）

锚点通过a标签设置href为“#xxx”的url，来跳转到标签x，id=“xxx”的块中，实现被跳转的标签元素有URL指向。当点击a链接时会跳转到x标签页面上（url指向该标签处）并触发x:target属性。