id在css中怎么应用

id在css中怎么应用

id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。

和CSS的类型选择器不同,id选择器使用"#"代替"."实现标记的定位,其语法如下:

(推荐学习:CSS视频教程

tagName#idName  {}

这行代码针对标记名称为tagName,id为idName的标记来应用样式,同样,tagName也是可以省略的,这时此样式仅由标记的id属性决定。实际上,由于id是整个文档惟一的,仅指定id还是同时指定标记名称和id一般来说没有太大的不同,但为了使CSS代码更易于阅读,在指定id的同时最好也指定标记名称。

例如下面的文档:

<html>
    
    <head>
        <title>New document</title>
        <style type="text/css">
        <!--
            .strong  {font-weight:bold;}
            dl#dll   {fong-style:italic;}
        -->
        </style>
    </head>
    
    <body>
        <dl id="dll">
            <dd class="strong">some text</dd>
            <dd>some text</dd>
            <dd>some text</dd>
        </dl>
        <ul>
            <li>some text</li>
            <li class="strong">some text</li>
            <li>some text</li>
        </ul>
    </body>

</html>

大家通过运行这串代码得出来的结果就是上面有id属性的内容全为斜体,而带有strong为class属性的则会给内容加粗.

更多CSS相关技术文章,请访问CSS3答疑栏目进行学习!

以上就是id在css中怎么应用的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑