首页 > 开发 > CSS > 正文

css选择符类型详细介绍

2024-07-11 08:35:26
字体:
来源:转载
供稿:网友

一、标签选择符:针对某一类标签,可以以标签作为选择符

复制代码代码如下:
<style type=”text/css”>
p{color:#F00; font-size:36px;}
</style>
</head>
<body>
<p>0.5秒三分绝杀!波特兰上演波什时刻 第N次拯救热火</p>
<h1>玩命暴扣扳平+助攻绝杀三分 热火太幸运有这颗队魂</h1>
<p>热火今夜还一功臣必须赞 11分不多但却分分是金!</p>
<p>詹波为小弟恶犯叫屈 当事人他都起飞了!肯定假摔</p>
<p>斯帅称客战开拓者奥登不打 波什:他很快就可复出</p>
</body>

二、类选择符:通过类选择符定义一个样式,需要改样式的元素就在该元素内通过class属性将该样式添加到该元素中定义类名的时候数字不要开头,起名的时候最好要有意义,可以同时给某个元素应用多个类格式:class="类1 类2"(类与类之间用空格隔开)

复制代码代码如下:
<style type=”text/css”>
.red{color:#C00;}
.family{font-family:”汉仪清韵体简”;}
</style>
</head>
<body>
<p class=”red”>0.5秒三分绝杀!波特兰上演波什时刻 第N次拯救热火</p>
<h1>玩命暴扣扳平+助攻绝杀三分 热火太幸运有这颗队魂</h1>
<p>热火今夜还一功臣必须赞 11分不多但却分分是金!</p>
<p>詹波为小弟恶犯叫屈 当事人他都起飞了!肯定假摔</p>
<p class=”red family”>斯帅称客战开拓者奥登不打 波什:他很快就可复出</p>
</body>

三、ID选择符:只想针对某一个元素进行控制,与类基本相似,只是以英文"#"开头,因为ID具有唯一性,所以在网页中只能出现一次定义id的时候数字不要开头,起名最好要有意义

复制代码代码如下:
<style type=”text/css”>
#two{color:#600; font-family:’汉仪行楷简’;}
#one{font-family:Arial, Helvetica, sans-serif; font-family:’汉仪行楷简’; font-size:36px;}
</style>
</head>
<body>
<h1>李克强主持召开<span>国务院</span>常务会议</h1>
<h2 id=”two”> 听取最低生活保障政策落实督查情况汇报</h2>
部署进一步加强和改进低保工作
<div id=”one”>决定将《社会救助暂行办法(草案)》向社会公开征求意faksdjfkasfkasdfj</div>
</body>

四、包含(派生)选择符:(选择符的嵌套使用,针对某个元素中的子元素进行控制,就可以使用该方法,这样就可以不用id或者类选择符,代码可以简洁
语法:e1 e2{属性:属性值}(e1是父元素,e2是子元素)

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表