css after는 선택한 요소의 콘텐츠 뒤에 콘텐츠를 삽입하는 데 사용할 수 있는 CSS의 선택기입니다. 구문은 "p:after{ content:""; background-color:yellow;color:red ;}입니다. ".
이 기사의 운영 환경: Windows 7 시스템, Dell G3 컴퓨터, CSS3 버전.
권장: "css 비디오 튜토리얼"
CSS에서 :after 가상 클래스의 기능은 지정된 요소 콘텐츠 뒤에(요소가 아닌) 콘텐츠 속성으로 지정된 콘텐츠를 포함하는 인라인 요소를 삽입하는 것입니다. 그 자체).
가장 기본적인 사용법은 다음과 같습니다:
<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <style> p:after { content: "- 台词"; } </style> </head> <body> <p>我是唐老鸭。</p> <p>我住在 Duckburg。</p> </body> </html>
Rendering:
after pseudo-class의 일부 응용 프로그램
:afterclear float
플로팅 레이아웃이 높이 붕괴를 일으키고 전체 레이아웃에 영향을 미치는 경우 요소는 float를 지워야 합니다. after는 다음 방법 중 하나입니다.
.row:after { width:0; height:0; content:''; display: block; clear: both; }
Pseudo-classes 및 pseudo-elements
Pseudo-class 요소 선택은 요소의 현재 상태 또는 현재 특성을 기반으로 합니다. 요소의 ID, 클래스, 속성 및 기타 정적 플래그가 아닌 요소의. 상태는 동적으로 변경되므로 요소가 특정 상태에 도달하면 상태가 변경되면 의사 클래스 스타일을 얻을 수 있지만 이 스타일은 손실됩니다. 이를 통해 그 기능이 클래스의 기능과 다소 유사하다는 것을 알 수 있지만 문서 외부의 추상화에 기반을 두고 있으므로 의사 클래스라고 합니다.
특수한 상태의 요소를 대상으로 하는 의사 클래스와 달리 의사 요소는 요소의 특정 콘텐츠에 대해 작동합니다. 작동하는 수준은 의사 클래스보다 한 수준 더 깊기 때문에 역학이 의사 클래스보다 훨씬 낮습니다. 더. 실제로 의사 요소를 디자인하는 목적은 요소 내용의 첫 글자(문자)와 첫 줄을 선택하고, 특정 내용의 앞이나 뒤를 선택하는 것인데, 이는 일반 선택자가 할 수 없는 일입니다. 그것이 제어하는 내용은 실제로 요소와 동일하지만 요소를 기반으로 한 추상화일 뿐 문서에는 존재하지 않으므로 의사 요소라고 합니다.
위 내용은 CSS는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!