美文网首页
id class选择器

id class选择器

作者: kangshuaibo | 来源:发表于2018-03-22 21:06 被阅读0次
<head>
    <title>古诗两首</title>
    <style>
        *{
            font-family: 隶书;
            text-align: center;
        }
        h1{
            color:red;
        }
        h2{
            color:green;
        }
        p{
           color:blue;
        }
        .shangju{
            background: yellow;
        }.xiaju{
            background: pink;
                 }
        .shiren{/*类型选择器用点表述*/
            background: orange;
        }
        #jutou{/*id选择器用井号表述*/
            background: black;/*注意:id选择器比类型选择器优先级高*/
        }
    </style>
</head>
<body>

</body>
<h1>古诗两首</h1>

<h2>静夜思</h2>
<p class="shiren">李白</p>
<p class="shangju">床前明月光</p>
<p class="xiaju">疑是地上霜</p>
<p id="jutou" class="shangju">举头望明月</p>
<p class="xiaju">低头思故乡</p>

<h2>春晓</h2>
<p class="shiren">孟浩然</p>
<p class="shangju">春眠不觉晓</p>
<p class="xiaju">处处闻啼鸟</p>
<p class="shangju">夜来风雨声</p>
<p class="xiaju">花落知多少</p>

</html>

相关文章

  • CSS任务完成

    1.css选择器 类别选择器:p , span class选择器:.class id选择器:#id 包含选择器...

  • 常见css选择器及其优先级别排序

    1. 常见CSS选择器 id选择器。#id class选择器..class 属性选择器。如:input[type=...

  • jQuery学习小记

    基本选择器 $("#id"):id选择器,返回单个元素 $(".class"):class选择器,返回集合元素 $...

  • CSS选择器

    一、class和id使用的场景 class:类选择器,匹配class包含的特定类的元素。id:id选择器,匹配id...

  • CSS选择器

    一,class 和 id 的使用场景? id选择器,匹配特定id的元素。class是类选择器,匹配class包含(...

  • CSS选择器

    1 class 和 id 的使用场景? class(类选择器)可以有多个相同的class类名,id(id选择器)必...

  • 任务七-课程任务

    class 和 id 的使用场景?class是类选择器,匹配class包含(不是等于)特定类的元素id是id选择器...

  • 1、CSS选择器常见的有几种? ①#id,ID选择器,在css样式是#开头的。 ②.class,class选择器,...

  • jQuery 整理

    样式篇 jQuery选择器 ①id选择器:$( "#id" )②类选择器:$( ".class" )③元素选择器:...

  • CSS 选择器种类、权重和优先级

    主要内容: 常见的CSS选择器、选择器的优先级。 class 和 id 选择器 class 和 id 选择器的区别...

网友评论

      本文标题:id class选择器

      本文链接:https://www.haomeiwen.com/subject/tryzqftx.html