CSS 样式（三）选择器

最新推荐文章于 2022-04-20 22:46:44 发布

_wjl_

最新推荐文章于 2022-04-20 22:46:44 发布

阅读量459

点赞数

分类专栏： web前端文章标签： CSS选择器

本文链接：https://blog.csdn.net/abc_123_linbin/article/details/90318059

版权

本文深入探讨了CSS选择器，包括标签选择器、类选择器、id选择器和通配符选择器。标签选择器按HTML标签指定样式，类选择器能为元素定义单独或相同样式，id选择器用于唯一标识元素，通配符选择器作用于所有元素。文中还通过Google案例展示了选择器的实际运用。

摘要由CSDN通过智能技术生成

选择器（重点）

要想将CSS样式应用于特定的HTML元素，首先需要找到该目标元素。在CSS中，
执行这一任务的样式规则部分被称为选择器（选择符）。

标签选择器（元素选择器）

标签选择器是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。其基本语法格式如下：

标签名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }  或者
元素名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>标签选择器</title>
	<style type="text/css">
        p{
    
        	color: red;
        	font-size: 14px;
        }
        h2{
    
        	color: black;
        	font-size: 24px;
        }
	</style>
</head>
<body>
	<h2>阿里巴巴集团简介</h2>
	<p>2019年5月6日 10:28:03 来源：百度</p>
	<hr/>

	<p>阿里巴巴网络技术有限公司（简称：阿里巴巴集团）是以曾担任英语教师的马云为首的18人于1999年在浙江杭州创立的公司</p>
	<p>阿里巴巴集团经营多项业务，另外也从关联公司的业务和服务中取得经营商业生态系统上的支援。业务和关联公司的业务包括：淘宝网、天猫、聚划算、全球速卖通、阿里巴巴国际交易市场、1688、阿里妈妈、阿里云、蚂蚁金服、菜鸟网络等。