CSS 전에 - 원래, 편안하고 실용적인

의사 요소 및 가상 클래스의 CSS : 전, 후, 마우스를, 활성 등 - 명백한에 자바 스크립트 처리기 코드를 포함하지 실행 사이트를, 품질을 개선하고 단순화하는 효과적인 기회 반응 디자인, 요소 이벤트, 대화와 방문자의 행동 복잡한 필요하지 않습니다.

완벽, 관심을 끌기 올바른 장소에 대한 힌트를 가지고 필요한 조치를 명확히하는 방법 원본 : 다기능, 의사 편리하고 간단하고 복잡한 저작권 팬을위한 중요하고 여러 선택 속성을 가지고있다.

멋진 전망은 의사의 내용에 지정된 URL을 ()을 엽니 다. 사실,이 옵션은 페이지 다운로드 어떤 측면 모두에서 새로운 지평을 열어, 어디서나 무엇이든의 가능한 활성화

의사의 독특한 기능

의사 (:: CSS 전에 :: 후) 원래 문서 트리에 존재하지 않은 요소 선택기 및 의사 클래스에서 다른. 아마, 실제로는 특히 중요하지 않지만 우리는 사이트의 컨텐츠를 배치하는 문제를 고려한다면, 당신은 이해가되지 않는 검색 엔진을위한 의미있는 내용 속성을 신뢰합니다.

의사 :: CSS 허용하기 전에 한 후 :: 요소에 내용을 추가하려면 - 후. 내용은 간단 CSS 속성의 측면에서 복잡한 형식으로 텍스트,하지만 HTML 태그 다를 수 있습니다. 이전과 이후의 의미는 상대적으로 이동하고 있기 때문에 의사는 완벽하게 부착되어 소자 내부에 배치 될 수있다. 당신은 위치를 지정뿐만 아니라 크기, 수 색, 배경, 글꼴 및 CSS의 다른 기능을 사용합니다.

으로 의사는 CSS는, 이전 및 기호 앞에 후 ":"하지만, CSS3 표준 권장 "::". 일부 브라우저 또는 버전이 단순히 특정 의사를 통지하지 않을 수보다 더 많은 수 없으며 페이지의 특정 사용을 테스트합니다.

일반 사용 조건

CSS 스타일 시트 설명 나타내는 클래스 = 'scElement'및 페이지 콘텐츠 "요소"기술, 예를 들어, DIV 소자 배치하여 :

.scElement {
POSITION ...;
Z- 색인 ...;
...

}

CSS "전에 :"의사와 "가져가"당신은 의사를 적용 할 수 있습니다 :

.scElement는 : 가져 :: {컨텐츠 전에 '접두사'; 색상 ...; 배경 색상 ...}.

당신이 단어 '요소'전에 마우스 포인터를 가져 가면 그 다음 문자와 배경의 색상을 변경합니다 단어 '접두사'가 나타납니다.

내용의 변화 의사

scElement - 당신이 의사 속성을 지정하지 않으면, 그들은 주요 요소의 것과 동일합니다. 그런 다음 컨텐츠 속성을 URL을 지정할 수 : 홈페이지 ( '/ scBox / RM-V / SC-rights.png')를 커서가 요소의 이미지를 표시 할 때. 컨텐츠의 경우 : \ "의 03B1는"수학 표시 기호 "알파"를, 하지만 특수 문자 사용 : "& NBSP;", " & LT;", "& laquo; 저작권을", "보기 & raquo;" 다른 사람들이하지 않는 -있는 그대로 그들은 표시됩니다.

, URL (), 진 문자의 순서를 정상적인 "텍스트"를 참조하십시오 : 의사 -의 내용을 지정하는 데 많은 옵션을 허용 오픈 인용 / 근접 인용, 또는 전혀 오픈 인용 / 노 근접 인용 등으로 콘텐츠의 절대 위치를 표시 할 수있다.하지 스타일 속성을 통해, 이전에 적용하여, CSS는 연결된 요소의 아무 곳이나 의사를 배치합니다.

당신은 이전과 이후의 동시 사용을 결합 할 수 있습니다. 따라서, 컨텐츠 문자 전에 CSS를 사용하여 배치, 당신은 의사 클래스와 가상 요소 다른 결합, 다양한 효과를 얻을 수있는 동시에 단 한 번의 바이트 코드는 자바 스크립트에서 지출하지, 방문자를 놀라게.

의사 특징

그 명칭이 채택 들어 ":"문자뿐만 아니라이 의사를 참조하지만, 보통으로 표시 CSS3 의사 달리하는 "::". 그것을 이해 브라우저는 모두 지정을 인식. 녹화에 간격이 문자열은 기록 및 의사 (또는 유일한) 의사가 함께 기록되고, 허용되지 않습니다 :

scElement는 : 가져 :: {컨텐츠 전에 '접두사'; ...}

scElement : 활성 : {후에서 '접미사'; ...}

CSS를 사이트 콘텐츠가 부족하기 전에 : 기억하는 것이 중요합니다. 스타일은 페이지의 콘텐츠 관련이 없습니다. 의사는 - 예외는 아니다. 그들은 DOM 트리에 표시되지 않으며 사이트의 관련 섹션에서 사용하는 바람직하지 않은 - 컨텐츠, 그들은하지 않습니다.

사용 ""와 "::"모바일 플랫폼과 현대적인 브라우저에서 지원하지만, 종종 불필요한없는 이전 버전의 작업을 확인합니다.

의 내용은 의사가 아닌 사이트의 내용에 포함되어 있습니다. 그것은 검색 엔진을 볼 수 없습니다. 이러한 상황을 사용하는 방법 - 특정 상황에 따라 다르지만뿐만 아니라 독립적 후 또는 단지에 이전 CSS를 사용할 수있는 가능성은, 내용이 URL을 흥미로운 일 때 (). 사이트에 링크와 같은 컨텐츠 의사의 직접 사용은 그 예를 들어, 사진을 파일을 다운로드 할 수 있습니다.

온라인 (CSS 스타일 시트 파일 - 아니 예외) 스타일 파일을 변경하는 기능은 형태를 방해하고 주어진 시간에 편리으로 방문자의 행동에 따라 적절한 장소 알고리즘에, 의사를 사용하지 않습니다.