html及css学习笔记_13_css三种选择器(selector)

最新推荐文章于 2023-06-22 15:09:42 发布

这一秒_此刻

最新推荐文章于 2023-06-22 15:09:42 发布

阅读量1.2k

点赞数

分类专栏： html+css 文章标签： html css

本文链接：https://blog.csdn.net/aishangcike/article/details/47149559

版权

html+css 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

css选择器，即css里定义的样式如何指定的位置，通常有三种选择器，即：html标签选择器、class标签选择器、id选择器

html标签选择器的用法，先看例子：

<html>
    <head>
        <style type="text/css">
            p {
                color:blue
            }
        </style>
    </head>
    <body>
        <p>
        在style里直接输入p再接大括号来直接对指定的标签设置样式
        </p>
    </body>
</html>

class选择器，看示例

<html>
    <head>
        <style type="text/css">
            .p {
                color:blue
            }
        </style>
    </head>
    <body>
        <p class="p">
            class选择器用.类名进行选取
        </p>
    </body>
</html>

id选择器，看示例

<html>
    <head>
        <style type="text/css">
            #p {
                color:blue
            }
        </style>
    </head>
    <body>
        <p id="p">
            id选择用#开头进行选取。
        </p>
    </body>
</html>

三种选择器优先顺序是，id>class>html
后面覆盖前面。

这一秒_此刻

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html及css学习笔记_13_css三种选择器(selector)

css选择器，即css里定义的样式如何指定的位置，通常有三种选择器，即：html标签选择器、class标签选择器、id选择器html标签选择器的用法，先看例子：<html> <head> <style type="text/css"> p { color:blue } </styl
复制链接

扫一扫