伪类选择器是贴着标签不用加空格

，贴着class和id的时候要加空格吗

樱桃小团子 2020-08-14

源自：CSS选择的艺术 3-23 编程练习

19

收起

4回答

好帮手慕星星 2020-08-15 09:45:24

同学你好，这四个伪类前面不写a标签的时候，例如:link，:hover等也能生效。

这种写法是‘CaryTong’同学解释是正确的，.suit后面有空格，是后代选择器，也就是.suit的子元素:visited，所以能够实现效果，自己再理解下。

祝学习愉快！

今天也要加了个油 2020-08-14 20:44:41

一般不加空格。

你加了空格生效是因为，

.suit :visited{}

表示 .suit下面的子元素visited之后生效。

不加空格不生效是因为.suit不是a标签而是p标签，你给p标签加visited.....emmmm

提问者樱桃小团子 #1

给p加visited不是我加的，这段是直接复制的练习中的代码QAQ

2020-08-14 21:56:06
提问者樱桃小团子 #2

讲错了给p加class

2020-08-14 21:56:35

好帮手慕星星 2020-08-14 19:12:43

同学你好，可以将自己写的代码粘贴上来，老师帮助看下。

提问者樱桃小团子 #1

【就是前面两排给class设置已经访问的效果，开始我没加空格就没效果，然后顺手加了试试看结果有效果】 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>css样式</title> <style type="text/css"> .suit :visited{color:pink;} .wc :visited{color:green;} a:link{color:red;} a:hover{font-size: 20px; border: 1px;} </style> </head> <body> <h1>css层叠样式</h1> <hr /> <h2>商品列表</h2> <p class="suit"> <a href="http://www.baidu.com">衣服鞋帽</a> </p> <p class="wc"> <a href="http://www.baidu.com">厕所清洁</a> </p> </body> </html>

2020-08-14 19:15:07

好帮手慕星星 2020-08-14 18:50:11

同学你好，不需要加空格，挨着写。例如a:link {}，自己试着写一写。

祝学习愉快！

提问者樱桃小团子 #1

可是我写 #xx:link没用，加了个空格就有用了呀

2020-08-14 18:51:46

相似问题

关于字体集和伪类选择器

类，伪类选择器的权值

伪类选择器和类选择器的权值比较

请问老师，标签选择器和全局选择器有什么区别？

11个元素选择器加在一起有一个类的选择器权重高吗

登录后可查看更多问答，登录/注册

1.前端零基础入门

参与学习人
提交作业 8403 份
解答问题 40143 个

本阶段为你揭开日常所见网页的神秘面纱，炫酷的动效并不难得，带你从基础知识到静态网页布局，再到用JS实现动态网页开发，轻松迈入前端开发的大门。

本课精华内容

问答作业

关于浏览器兼容性代码疑问

16 1

请老师检查

65 3

没有明白，为什么height是90，padding-top为60。它就居中了？

26 3

关于三种常用的清除浮动方法的优劣对比，请老师简单讲一讲

18 1

进击的小白们加油。分享一下我做最后这个项目作业的感受

188 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载