关于选择器的使用问题

Question

老师你在指针的样式里，根据isPlay适配了样式，写法如下：

 {
  transform: rotate(0deg);
}

是.play和.player-disc连着写的，但我还看过另外一种写法

.education,.work,.project,.introduction{
	border-bottom: dashed 1px #999;
	padding: 10px 0;
}

多个选择器被逗号隔开了
1.【.play】这种情况，是叫做伪类选择器吧？
2.请问两种写法有什么区别呢？
3.我试过把位置互换，写成这样.player-disc::after.play，显然是不行的，我想应该是伪元素应该放在后面，请问是否存在多个伪元素的控件呢？这样的话再配合这种伪类选择器（.play），怎么写呢？

Answer 1

谢成 2020-03-07 22:54:12

一个冒号就做伪类选择器，两个冒号叫做伪元素选择器（伪元素也可以使用一个冒号）

.a.b 连着写 叫做多类选择器

.a .b 中间有空格，叫做后代选择器

.a,.b 中间用逗号叫做分组选择器

给你推荐个文章：https://www.w3school.com.cn/css/css_pseudo_elements.asp

• 提问者 全是甘货 #1

  非常感谢！这文章我又看过（:-D），但他讲得没你寥寥几句讲得总结得要好