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

html-css020

怎样用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属性。