Shulou(Shulou.com)06/01 Report--

This article introduces the knowledge of "how to use target in css3". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

Usage: 1, ": target" selector is used to select the currently active target element, the syntax is ": target {style}"; 2, the target attribute is used to set the style of the hyperlink, the syntax is "target:target-name target-new target-position".

The operating environment of this tutorial: windows10 system, CSS3&&HTML5 version, Dell G3 computer.

What is the use of target in css3

The target selector can be used to select the currently active target element

URL is followed by the anchor name #, which points to a specific element in the document. The linked element is the target element (target element).

Examples are as follows:

: target {border: 2px solid # D4D4D4 * backgroundmurcolor: # e5eecc;} this is the title

Jump to content 1

Jump to content 2

Please click the link above: the target selector will highlight the currently active HTML anchor.

Content 1.

Content 2.

Note: Internet Explorer 8 and earlier versions do not support: target selector.

Output result:

The target property is a shorthand property that sets the target-name, target-new, and target-position properties.

The target attribute is not supported by any major browser.

Grammar

Target: target-name target-new target-position

Target-name specifies where to open a hyperlink (target destination).

Target-new states that hyperlinks should be opened in a new window or in a new tab of an existing window.

Target-position specifies where to place the new destination link.

This is the end of the content of "how to use target in css3". Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.