CSS选择器

最新推荐文章于 2024-07-25 08:14:42 发布

nuan__nuan

最新推荐文章于 2024-07-25 08:14:42 发布

阅读量252

点赞数 1

分类专栏： web前端文章标签： css html

本文链接：https://blog.csdn.net/nuan__nuan/article/details/72731447

版权

web前端专栏收录该内容

6 篇文章 0 订阅

订阅专栏

一、html中引入CSS的方式
    (1)内嵌样式：直接在html标签内添加样式，如：
        <div style="width:100px;">...</div>
    (2)内部引用：在html的<head></head>标签内写入以下代码：
        <style type="text/css">  
                ...CSS样式设置...
        </style>  
    (3)外部引用：在html的<head></head>标签内写入以下代码：
        <style type="text/css" href="...css的路径...">
    注：若同时采用多中引用方式，则遵守就近原则。
二、CSS选择器
    （1）CSS选择器优先级：
        id选择器 > 类(class)选择器 > 标签选择器
    （2）CSS复合选择器使用语法：
        1.后代选择器：选择器 选择器 选择器{}//两个选择器中间用空格隔开
        2.子代选择器：选择器>选择器>选择器{}//不能隔代
        3.交集选择器：标签选择器class/id选择器 //中间没空格  div.div3{}
        4.并集选择器：选择器,选择器
        5.属性选择器：input[type="text"]{}

nuan__nuan

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS选择器

一、html中引入CSS的方式 (1)内嵌样式：直接在html标签内添加样式，如： <div style="width:100px;">...</div> (2)内部引用：在html的<head></head>标签内写入以下代码： <style type="text/css"> ...CSS样式设置...
复制链接

扫一扫