
正文
js添加带伪类的结点,js添加伪元素
提示:扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
关于javascript和a标签的伪类:visited
a:link 英文link就是链接的意思,代表当一段文本为链接时的属性。a:visited英文visited就是访问过的意思,代表这段文本被点击之后的属性。
href是a标签中最重要的一个属性,指定了连接的目标,如果没有该属性,不能使用href、lang、media、rel、target 和 type属性。a标签的四个伪类是使用来定义超链接在不同状态下的css样式。
a:hover表示当鼠标选定在a标签上时a标签的样式变化。这是css中伪类的使用格式。伪类(Pseudo classes)是选择符的螺栓,用来指定一个或者与其相关的选择符的状态。
相关问答
Q1: 如何用原生js实现伪类选择器
-webkit-autofill 这种东西要查找浏览器的兼容。选择器的话看下jquery源码就知道了是否支持一种样式。
用js控制css伪类after:只能通过添加样式,然后通过这个样式的伪类来控制吧。没法直接改。
scope模式下使用(或者/deep/)可以覆盖默认样式,可以使用类名 。
yellow);},function(){ (p).css(background-color,pink);});原生js里面可以用onmouseenter和onmouseleave实现。如果一定要添加:hover伪类的话,就只能修改css样式了。这个我查了好久还是不知道怎么办。
下划线我已经去掉了,如果要保留,把“text-decoration:none;”整句话去掉就行。就你说的点击一个其余的会恢复默认值;这个要用js去改变,但是点击过后的hover和active效果是会失效的,不信你自己试试。
CSS的伪类用于向某些选择器添加特殊的效果,最常用的便是向超链接中添加样式,如颜色,字体大小,粗细等。使用标签选择器同样可以设置超链接的样式,但是加入了伪类可以让超链接在操作过程中展示不同的效果。
Q2: :active这些伪类只能跟在a后面吗?比如tr:active行否?
1、active - 激活状态的链接。这个伪类选择器匹配鼠标点击时处于激活状态的超链接。
2、“爱恨原则”(LoVe/HAte),即四种伪类的首字母:LVHA。
3、在CSS1中此伪类仅可用于a对象。且对于无href属性(特性)的a对象,此伪类不发生作用。在CSS2中此伪类可以应用于任何对象。并且:active状态可以和:link以及:visited状态同时发生。目前IE5+仅支持CSS1中的:active。
4、实际上,要想更多浏览器都兼容这个样式,你应该给a/a加伪类。
5、CSS很多的建议并没有得到浏览器的支持,但有四个可以安全用在超链接上的伪类:link用在未访问的连接上。:visited用在已经访问过的连接上。:active用于获得焦点(比如,被点击)的连接上。
6、浏览器默认的a链接的颜色是蓝色;a:hover属于css,它设置了当鼠标悬浮在链接内容之上时,链接内容的样式,比如,例子中a:hover{ color:#F00;},它设置了当鼠标悬浮在该链接内容上时,链接内容变成红色。
关于js添加带伪类的结点和js添加伪元素的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。








