a标签伪类(a标签伪类+background属性)
css这么用a标签把一个div关闭
第一，如果你的a标签是在div里面的，那预计是不成的，因为css没有父选择器。
第二，如果你的a标签是和div同级的，那可以做到的，但是不能用a标签，因为a标签的伪类里面没有一个持久的状态，相比之下checkbox更好用，因为它有checked状态，可以用这个状态去标识弹出框是弹出还是关闭
代码如下
!DOCTYPE?html
html
head
????meta?charset="UTF-8"
????meta?name="viewport"?content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"
????titletest/title
????style
????body?{
????????background-color:?gray;
????}
????
????.pop-up?{
????????position:?absolute;
????????left:?50%;
????????top:?50%;
????????height:?200px;
????????width:?200px;
????????transform:?translate(-50%,?-50%);
????????background-color:?white;
????}
????
????.btn-close:checked?~?.pop-up?{
????????display:?none;
????}
????/style
????/head
body
????input?id="checkbox"?type="checkbox"?class="btn-close"?/
????label?for="checkbox"toggle按钮/label
????div?class="pop-up"
????????这个是弹出框
????/div
????/body
/html
HTML文字加上超链接的时候，如何让文字不变色？
1、需要使用a标签的伪类实现效果，具体方法首先用hbuilder软件新建一个html文件，里面写入5个a标签备用：
2、然后在上面的style标签中写入样式，分别设置a标签的两个伪类link和active的字体颜色一致，然后在设置字体的大小和下划线为none：
3、最后来到浏览器，可以看到5个a标签，当点击a标签的时候颜色也不会变化：
如何用它CSS设置鼠标单击后的样式
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的style标签中，输入css代码：a:visited {color: blueviolet;}。
3、浏览器运行index.html页面，此时超链接文本单击后的样式被设置了文字紫色颜色。
html5 touch覆盖了click事件怎么解决
一个触屏网站到底和传统的pc端网站有什么区别呢，交互方式的改变首当其冲。例如我们常用的click事件，在触屏设备下是如此无力。
手机上的大部分交互都是通过touch来实现的，于是，对于触屏的交互式网站，触摸事件是相当重要的。
Apple在iOS 2.0中引入了触摸事件API，Android正迎头赶上这一事实标准，缩小差距。最近一个W3C工作组正合力制定这一触摸事件规范。
规范
这里我们介绍几种普及得比较好的触摸事件，你可以在绝大多数现代浏览器中来测试这一事件（必须是触屏设备哦）：
touchstart：触摸开始的时候触发
touchmove：手指在屏幕上滑动的时候触发
touchend：触摸结束的时候触发
而每个触摸事件都包括了三个触摸列表，每个列表里包含了对应的一系列触摸点（用来实现多点触控）：
touches：当前位于屏幕上的所有手指的列表。
targetTouches：位于当前DOM元素上手指的列表。
changedTouches：涉及当前事件手指的列表。
每个触摸点由包含了如下触摸信息（常用）：
identifier：一个数值，唯一标识触摸会话（touch session）中的当前手指。一般为从0开始的流水号（android4.1，uc）
target：DOM元素，是动作所针对的目标。
pageX/pageX/clientX/clientY/screenX/screenY：一个数值，动作在屏幕上发生的位置（page包含滚动距离,client不包含滚动距离，screen则以屏幕为基准）。
radiusX/radiusY/rotationAngle：画出大约相当于手指形状的椭圆形，分别为椭圆形的两个半径和旋转角度。初步测试浏览器不支持，好在功能不常用，欢迎大家反馈。
有了这些信息，我们就可以依据这些事件信息为用户提供不同的反馈了。
下面，我将为大家展示一个小demo，用touchmove实现的单指拖动:
/*单指拖动*/
var obj = document.getElementById('id');
obj.addEventListener('touchmove', function(event) {
// 如果这个元素的位置内只有一个手指的话
if (event.targetTouches.length == 1) {
event.preventDefault();// 阻止浏览器默认事件，重要
var touch = event.targetTouches[0];
// 把元素放在手指所在的位置
obj.style.left = touch.pageX-50 + 'px';
obj.style.top = touch.pageY-50 + 'px';
}
}, false);
关于a标签四个伪类在触屏设备中的小技巧：
我们都知道a标签的四个伪类link，visited，active，hover是专为click事件设计的，所以在触屏网站中尽量不要使用它们。经测试大部分也是不可用的。但是这里有一个关于hover的小技巧，当你点击过一个按钮之后，这个按钮就会一直处于hover的状态，此时你基于这个伪类所设置的css也是起作用的，直到你用手指点击另外一个按钮，hover状态就会转移到另一个按钮。利用这一点，我们可以做出一些小效果。此技巧在大多数浏览器中还是可用的。
理想很丰满，现实很骨感！
虽然w3c为多点触控做好了准备，遗憾的是鲜有浏览器支持多点触控的特性，尤其是android平台上的浏览器，也就让上文介绍的手指列表变为了空谈，捕获两个触摸点会直接导致触摸失效！好在ios设备自带的safari浏览器能够支持这一特性，让我们对未来充满希望。毕竟，我们被鼠标的单点操作禁锢了太久，多指操作一个网站是多么令人兴奋！
CSS中的a:hover表示什么
a：hover表示当鼠标选定在a标签上时a标签的样式变化。
这是css中伪类的使用格式。
伪类（Pseudo classes）是选择符的螺栓，用来指定一个或者与其相关的选择符的状态。它们的形式是selector:pseudo class { property: value; }，简单地用一个半角英文冒号（:）来隔开选择符和伪类。CSS很多的建议并没有得到浏览器的支持，但有四个可以安全用在超链接上的伪类：
:link用在未访问的连接上。
:visited用在已经访问过的连接上。
:active用于获得焦点（比如，被点击）的连接上。
:hover?用于鼠标光标置于其上的连接。
扩展资料：
css的语言特点：
1、多页面应用
CSS样式表可以单独存放在一个CSS文件中，这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件，在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。
2、层叠
简单的说，层叠就是对一个元素多次设置同一个样式，这将使用最后一次设置的属性值。例如对一个站点中的多个页面使用了同一套CSS样式表，而某些页面中的某些元素想使用其他样式，就可以针对这些样式单独定义一个样式表应用到页面中。这些后来定义的样式将对前面的样式设置进行重写，在浏览器中看到的将是最后面设置的样式效果。
3、页面压缩
在使用HTML定义页面效果的网站中，往往需要大量或重复的表格和font元素形成各种规格的文字样式，这样做的后果就是会产生大量的HTML标签，从而使页面文件的大小增加。而将样式的声明单独放到CSS样式表中，可以大大的减小页面的体积，这样在加载页面时使用的时间也会大大的减少。另外，CSS样式表的复用更大程度的缩减了页面的体积，减少下载的时间。
参考资料：百度百科——伪类
百度百科——css