Can't the css selector be the name of the tag?-Front-end Q&A-php.cn

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

青灯夜游

Release： 2022-09-23 17:16:35

Original

2399 people have browsed it

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 .

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

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:

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

Copy after login

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>

Copy after login

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!