ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

css的选择器

2021-05-13 15:59:46  阅读:17  来源: 互联网

标签:窠巢 color ID 花针 选择器 css


css的选择器 

标签选择器、类选择器和ID选择器

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>css的选择器</title>

    <style type="text/css">

h1{
font-weight:normal;
color:red;
}<!--标签选择器-->

.stress{color:blue;}<!--类选择器-->
   
#ID{color:green;}<!--id选择器-->

    </style>
</head>

<body>
    <h1>春</h1>

    <p><span class="stress">“吹面不寒杨柳风”</span>,不错的,像母亲的手抚摸着你。风里带来些新翻的泥土的气息,混着青草味,还有<span class="stress">各种花的香</span>,都在微微润湿的空气里酝酿。鸟儿将窠巢安在繁花嫩叶当中,高兴起来了,呼朋引伴地卖弄清脆的喉咙,唱出宛转的曲子,与轻风流水应和着。牛背上牧童的短笛,这时候也成天在嘹亮地响。</p>

    <p><span id="ID">雨是最寻常的</span>,一下就是三两天。可别恼。看,像牛毛,像花针,像细丝,密密地斜织着,人家屋顶上全笼着一层薄烟。树叶子却绿得发亮,小草也青得逼你的眼。傍晚时候,上灯了,一点点黄晕的光,烘托出一片这安静而和平的夜。乡下去,小路上,石桥边,撑起伞慢慢走着的人;还有地里工作的农夫,披着蓑,戴着笠的。他们的草屋,稀稀疏疏的在雨里静默着。</p>

</body>

</html>

运行结果

类和ID选择器的区别

1、ID选择器只能在文档中使用一次

2、可以使用类选择器词列表方法为一个元素同时设置多个样式。

标签:窠巢,color,ID,花针,选择器,css
来源: https://blog.csdn.net/weixin_53379398/article/details/116753218

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有