Heim > Web-Frontend > CSS-Tutorial > Wie verwende ich den Auswahlselektor? Detaillierte Erläuterung der Verwendung des Auswahlselektors

Wie verwende ich den Auswahlselektor? Detaillierte Erläuterung der Verwendung des Auswahlselektors

云罗郡主
Freigeben: 2018-11-21 16:47:56
nach vorne
4184 Leute haben es durchsucht

Der Inhalt dieses Artikels befasst sich mit der Verwendung des Auswahlselektors. Eine ausführliche Erklärung zur Verwendung des Auswahlselektors hat einen gewissen Referenzwert. Freunde in Not können darauf zurückgreifen.

Standardmäßig wird der mit der Maus im Browser ausgewählte Webseitentext mit „dunkelblauem Hintergrund, weißer Schriftart“ angezeigt. Aber manchmal möchten wir den Anzeigeeffekt „dunkelblauer Hintergrund, weiße Schriftarten“ nicht haben.

Wie verwende ich den Auswahlselektor? Detaillierte Erläuterung der Verwendung des Auswahlselektors

::selection selector

Der Standardstil, wenn der Browser Text auswählt

In CSS3 können wir „::selection Selector“ verwenden " um die Anzeige des ausgewählten Webseitentextes zu ändern.

Beachten Sie, dass „::selection selector“ ein Doppelpunkt ist. Tatsächlich handelt es sich bei Doppelpunkten häufig um „Pseudoelemente“, während einzelne Doppelpunkte häufig „Pseudoklassen“ sind.

Der Code lautet wie folgt:

<!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>
Nach dem Login kopieren

Der Effekt ist wie folgt:

Wie verwende ich den Auswahlselektor? Detaillierte Erläuterung der Verwendung des Auswahlselektors

Wie verwende ich den Auswahlselektor? Detaillierte Erläuterung der Verwendung des Auswahlselektors

Der Wie wählt man oben den Selektor aus? Eine vollständige Einführung in die detaillierte Verwendung des Auswahlselektors. Wenn Sie mehr über das CSS3-Tutorial erfahren möchten, schauen Sie sich bitte die chinesische PHP-Website an.


Das obige ist der detaillierte Inhalt vonWie verwende ich den Auswahlselektor? Detaillierte Erläuterung der Verwendung des Auswahlselektors. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:lvyestudy.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage