선택 선택기를 어떻게 사용하나요? 선택 선택기 사용법에 대한 자세한 설명-CSS 튜토리얼-php.cn

선택 선택기를 어떻게 사용하나요? 선택 선택기 사용법에 대한 자세한 설명

云罗郡主

풀어 주다： 2018-11-21 16:47:56

앞으로

4183명이 탐색했습니다.

이 글의 내용은 선택 선택기 사용법에 관한 것인가요? 선택 선택기의 사용법에 대한 자세한 설명은 특정 참조 값을 가지고 있습니다. 도움이 필요한 친구가 참고할 수 있기를 바랍니다.

기본적으로 브라우저에서 마우스로 선택한 웹페이지 텍스트는 "짙은 파란색 배경, 흰색 글꼴"로 표시됩니다. 그러나 때때로 우리는 "짙은 파란색 배경, 흰색 글꼴"의 표시 효과를 원하지 않습니다.

선택 선택기를 어떻게 사용하나요? 선택 선택기 사용법에 대한 자세한 설명

::selection selector

브라우저가 텍스트를 선택할 때의 기본 스타일

CSS3 , "::선택 선택기"를 사용하여 선택한 웹페이지 텍스트의 표시 효과를 변경할 수 있습니다.

"::selection selector"는 이중 콜론이라는 점에 유의하세요. 실제로 이중 콜론은 종종 "의사 요소"인 반면 단일 콜론은 종종 "의사 클래스"입니다.

코드는 다음과 같습니다:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head> 
    <title>CSS3 ::selection选择器</title>
    <style type="text/css">
        div::selection
        {
            background-color:red;
            color:white;
        }
        p::selection
        {
            background-color:orange;
            color:white;
        }
    </style>
</head>
<body>
    <div>php中文网，让学习成为一种习惯</div>
    <p>php中文网，让学习成为一种习惯</p>
</body>

로그인 후 복사

효과는 다음과 같습니다:

선택 선택기를 어떻게 사용하나요? 선택 선택기 사용법에 대한 자세한 설명