前端技术——html——基础选择器

最新推荐文章于 2022-11-12 13:28:44 发布

涛涛英语学不进去

最新推荐文章于 2022-11-12 13:28:44 发布

阅读量102

点赞数

分类专栏：前端文章标签：字体选择器

本文链接：https://blog.csdn.net/niTaoTaoa/article/details/103212146

版权

前端专栏收录该内容

28 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
      #div1{
        color: red;
      }
      div{
        color: green;
      }
    .cs1{
      color: blue;
    }
  </style>
</head>
<body>
<!--
 1.基础选择器
                1.id选择器  建议在一个html页面中id值唯一,不唯一也可以被解析
                    语法：  #id属性值{}
                2.元素选择器 选择具有相同标签名称的元素
                    语法： 标签名称{}
                    注意： id选择器的优先级高于元素选择器
                3.类选择器  选择具有相同的class属性值的元素
                 语法： .class{}
                  注意： 类选择器的优先级高于元素选择器


-->
</body>
<div id="div1">333</div>
<div class="cs1">111</div>
<p class="cs1">222</p>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

涛涛英语学不进去

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
前端技术——html——基础选择器

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #div1{ color: red; } div{ ...
复制链接

扫一扫