Home >Web Front-end >Front-end Q&A >Can't the css selector be the name of the tag?

Can't the css selector be the name of the tag?

青灯夜游Original: 2022-09-22 15:34:342420browse

can be; the element selector uses HTML tag names. In CSS, the element selector locates specific HTML elements through the element (tag) name of the HTML page. The syntax structure is "element name {attribute: attribute value;}"; if the element selector is used alone, it will locate the current HTML page. All elements with this element name in .

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

The css selector can be the name of the tag. In css, element selectors use HTML tag names.

css element selector

Element selector is also called type selector. It locates specific HTML elements through the element name of the HTML page. . If the type selector is used alone, it will locate all elements with this element name in the current HTML page.

The syntax structure is as follows:

元素名 {  
  属性:属性值;  
 }

It is worth noting that the element name of the element selector is not case-sensitive.

The sample code is as follows:

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>类型选择器</title>
    <style>
        /* 选择标签名为 h1 的元素，设置字体的颜色为红色 */
        h1 {
            color: lightcoral;
        }
		/* 选择标签名为 div 的元素，设置背景的颜色为红色 */
		div {
			background-color: lightcoral;
		}
    </style>
</head>

<body>
    <h1>一级标题</h1>
    <h2>二级标题</h2>
	<div>sdfgs</div>
	<div>123</div>
	<p>123</p>
	<div>456</div>
	<div>456</div>
</body>

</html>

Cant the css selector be the name of the tag?

Advantages of element selectors

The code becomes less. Instead of writing CSS code for each p tag, now you only need to write one line in the header.
Better maintained. In the past, if you wanted to modify the color, you needed to modify the code in the style of each p tag. Now you only need to modify the header.
The code is clearer. Previously, CSS and HTML codes were actually mixed together and difficult to distinguish. After using the selector, all CSS codes are concentrated in the header, which is obviously better differentiated and clearer.

Summary

The element selector can apply the style to a certain tag at one time, which is very good and powerful.

(Learning video sharing: web front-end)

The above is the detailed content of Can't the css selector be the name of the tag?. For more information, please follow other related articles on the PHP Chinese website!

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：What does translate mean in cssNext article：What does translate mean in css

See more

Can't the css selector be the name of the tag?

Related articles