Heim >Web-Frontend >CSS-Tutorial >Wie kann ich CSS-Stile selektiv auf Opera-Browser anwenden?

Wie kann ich CSS-Stile selektiv auf Opera-Browser anwenden?

Barbara Streisand
Barbara StreisandOriginal
2024-11-29 17:05:13690Durchsuche

How Can I Apply CSS Styles Selectively to Opera Browsers?

So wenden Sie CSS selektiv auf Opera-Browser an

Sie fragen sich, ob Sie den CSS-Stil auf bestimmte Browser beschränken können? Es ist möglich, bestimmte CSS-Regeln ausschließlich für Opera-Browser sichtbar zu machen.

Opera-spezifische CSS-Selektoren

Opera unterstützt mehrere CSS-Selektoren, die auf seinen Browser abzielen:

-o-prefocus: Wählt Elemente aus, wenn sie den Fokus erhalten Opera.

Beispiel:

noindex:-o-prefocus, .my-class {
  color: #fff;
}

Dieser Code wendet die weiße Textfarbe nur dann auf das Element mit der Klasse .my-class an, wenn es in Opera den Fokus erhält . Beachten Sie, dass noindex enthalten ist, um zu verhindern, dass Suchmaschinen diese CSS-Regel indizieren.

Dieser Ansatz funktioniert effektiv für Opera 10.63 und spätere Versionen.

Das obige ist der detaillierte Inhalt vonWie kann ich CSS-Stile selektiv auf Opera-Browser anwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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