小辣椒 发表于 2022-10-28 22:04

我现在还有个问题搞不清楚就是

前面加#

和前面加.(一点)

2个区别是什么,因为同样的尺寸设置出来效果不一样


马黑黑 发表于 2022-10-28 22:09

小辣椒 发表于 2022-10-28 22:04
我现在还有个问题搞不清楚就是

前面加#


#papa { } 是 id 选择器,HTML这样引用它,而且一个页面里只能有一个HTML元素引用:

<div id="papa"></div>

.papa {} 是类选择器,HTML里可以多次引用:

<div class="papa"></div>
<p class="papa"></p>

还有一种叫 元素选择器,不用引用,例如:

p { color: red;}

那么,所有的 <p>文本</p> 都会是红色文本。

还有很多,先不说。


马黑黑 发表于 2022-10-28 22:10

小辣椒 发表于 2022-10-28 22:01
又是小辣椒的名言

{:4_181:}

小辣椒 发表于 2022-10-28 22:14

马黑黑 发表于 2022-10-28 22:09
#papa { } 是 id 选择器,HTML这样引用它,而且一个页面里只能有一个HTML元素引用:



学习了,这个问题我一直搞不明白的,确实运用.papa的可以多个,现在知道了

红影 发表于 2022-10-28 22:47

马黑黑 发表于 2022-10-28 21:30
它们就是伪类。伪类,按 @小辣椒 的说法,都是领导,因为伪类都带冒号——

#papa:hover

这个说法好,一下子就记住了{:4_173:}

马黑黑 发表于 2022-10-28 22:50

红影 发表于 2022-10-28 22:47
这个说法好,一下子就记住了

伪元素是双冒号,是领导的领导额

红影 发表于 2022-10-29 15:27

马黑黑 发表于 2022-10-28 22:50
伪元素是双冒号,是领导的领导额

伪元素的双冒号记住了,因为那个很特别{:4_173:}

马黑黑 发表于 2022-10-29 15:46

红影 发表于 2022-10-29 15:27
伪元素的双冒号记住了,因为那个很特别

非常不错

红影 发表于 2022-10-29 19:57

马黑黑 发表于 2022-10-29 15:46
非常不错

现在又记住了冒号的伪类形式,虽然内容还不熟悉。

马黑黑 发表于 2022-10-29 20:21

红影 发表于 2022-10-29 19:57
现在又记住了冒号的伪类形式,虽然内容还不熟悉。

伪类是功能性的,非常好的

红影 发表于 2022-10-29 21:07

马黑黑 发表于 2022-10-29 20:21
伪类是功能性的,非常好的

嗯嗯,貌似可以批量处理呢。

马黑黑 发表于 2022-10-29 21:20

红影 发表于 2022-10-29 21:07
嗯嗯,貌似可以批量处理呢。

伪类,匹配性质的,都是和批量有关的

红影 发表于 2022-10-29 22:07

马黑黑 发表于 2022-10-29 21:20
伪类,匹配性质的,都是和批量有关的

这个学会了真方便。

马黑黑 发表于 2022-10-29 22:15

红影 发表于 2022-10-29 22:07
这个学会了真方便。

那是自然

红影 发表于 2022-10-30 21:22

马黑黑 发表于 2022-10-29 22:15
那是自然

谢谢黑黑带来的好处{:4_187:}

马黑黑 发表于 2022-10-30 21:58

红影 发表于 2022-10-30 21:22
谢谢黑黑带来的好处

{:4_172:}
页: 1 [2]
查看完整版本: CSS伪类:匹配元素之 :is