2017-05-18 2 views
-2

그래서 일부 코드를 검사하고 [page refresh] 아이콘 (<i>)에 ::before이라는 요소를 표시했습니다. 그 pseudo 요소가 실제로 거기에 중첩되어 있거나이 잘못을 해석하고 있습니까? 이게 어떻게 작동합니까? 페이지가 새로 고침되기 전에 "전에"아이콘을 생성합니까? 이상한.::: before 요소를 중첩하는 목적은 무엇입니까

마크 업이 : :: 전 :: 작동 방법 https://i.gyazo.com/37bc95e0bb2fc7848cb96ecc6d2ad089.png

+0

그렇지 않으면 가능한 한 빨리 질문에 코드의 관련 부분을 표시 한 후 링크 된 리소스가 변경, 이동, 업데이트, 재구성되면이 질문은 향후 방문자에게 전혀 쓸모 없게됩니다. –

+0

[mdn page] (https://developer.mozilla.org/en-US/docs/Web/CSS/::fore)를 시도하십시오. – mvrma

답변

0

p::before { 
 
    content: "Before-"; 
 
} 
 

 
p::after { 
 
    content: "- After"; 
 
}
<p> It's simple </p>

이다

관련 문제