krpa 发表于 2018-8-8 16:14:04

又有新的问题了

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

claws0n 发表于 2018-8-8 16:19:47

before / after   >> 之前/之后

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

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

krpa 发表于 2018-8-8 22:01:13

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

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

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

claws0n 发表于 2018-8-8 22:38:47

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 发表于 2018-8-9 09:55:52

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

结果：


哦哦哦，明白了。原来前后就是单纯指标签的左右位置
页: [1]
查看完整版本: 又有新的问题了