[已解决]又有新的问题了

krpa

如图，请问大佬，红色框出的部分，作用是什么？要在什么情况下使用它们？是属于伪类选择器吗？在网上找的答案说法不一，所以想请教下这边的大佬们~

最佳答案

月排行榜 / 总排行榜

claws0n

2018-8-8 16:19:47

before / after   >> 之前/之后

没什么，只是说被包起来的代码块，要放在某个东西之前或之后。不要管它是神马，只是个名

譬如
p::before{...}  那么这段结果将放在 p 之前
p::after{...}    那么这段结果将放在 p 之后

跳转到最佳答案楼层

claws0n

before / after   >> 之前/之后

没什么，只是说被包起来的代码块，要放在某个东西之前或之后。不要管它是神马，只是个名

譬如
p::before{...}  那么这段结果将放在 p 之前
p::after{...}    那么这段结果将放在 p 之后

krpa

claws0n 发表于 2018-8-8 16:19
before / after   >> 之前/之后

没什么，只是说被包起来的代码块，要放在某个东西之前或之后。不要管它 ...

那。。一般什么情况下会用到这些？

claws0n

krpa 发表于 2018-8-8 22:01
那。。一般什么情况下会用到这些？

p::before { 
    content: "Read this -";
    color: red;
}

<p>My name is Donald</p>
<p>I live in Ducksburg</p>

那么在每一个 <p> 之前就会有加上 {....} 的子代码

结果：
Read this - My name is Donald

Read this - I live in Ducksburg

krpa

claws0n 发表于 2018-8-8 22:38
那么在每一个  之前就会有加上 {....} 的子代码

结果：

哦哦哦，明白了。原来前后就是单纯指标签的左右位置