CSS 의사 클래스 콘텐츠 생성

이번에는 CSS의 pseudo-class콘텐츠 생성에 대해 소개하겠습니다. CSS pseudo-class 콘텐츠 생성 시 Notes는 무엇인가요? 다음은 실제 사례입니다.

1. CSS를 통해 기존 요소에 새 텍스트(그림) 콘텐츠 추가
선택기:
1. :before
생성된 콘텐츠를 일치하는 요소 앞에 추가
일치하는 요소의 시작 부분에 위치 지정
2. :after
일치하는 요소 뒤에 생성된 콘텐츠를 추가합니다.

eg:

div:before{}
p:after{}
속성:

1. content
기능: 협력: before, :after 가상 요소는 생성된 콘텐츠를 삽입합니다. content div:before{
content: "생성된 콘텐츠:";
}
공통 값:
String: 일반 텍스트
URL: Image
Counter

이 기사의 사례를 읽었을 것입니다. , 더 흥미로운 콘텐츠를 보려면 PHP 중국어 웹사이트의 다른 관련 기사에 주목하세요!

관련 자료:

브라우저가 내가 작성한 코드와 호환되지 않으면 어떻게 해야 하나요?

2018년 최신 프론트엔드 인터뷰 질문 11

위 내용은 CSS 의사 클래스 콘텐츠 생성의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!