#yyds干货盘点 前端歌谣的刷题之路-第十题-标签 类 id选择器

简介: #yyds干货盘点 前端歌谣的刷题之路-第十题-标签 类 id选择器

前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 本题目源自于牛客网 微信公众号前端小歌谣

题目

请将html模块中字体内容是"红色"的字体颜色设置为"rgb(255, 0, 0)",

   "绿色"设置为"rgb(0, 128, 0)","黑色"设置为"rgb(0, 0, 0)",且字体大小都为20px

image.png

核心代码

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>标签 类 id选择器</title>
</head>
<style type="text/css">/*补全代码*/
  div {
    color: rgb(255, 0, 0);
    font-size:20px;
  }
  .green {
    color: rgb(0, 128, 0);
    font-size:20px;
  }
  #black {
    color: rgb(0, 0, 0);
    font-size:20px;
  }
</style>
<body>
  <!-- 请将html模块中字体内容是"红色"的字体颜色设置为"rgb(255, 0, 0)",
    "绿色"设置为"rgb(0, 128, 0)","黑色"设置为"rgb(0, 0, 0)",且字体大小都为20px。 -->
  <div>红色</div>
  <div class='green'>绿色</div>
  <div id='black'>黑色</div>
</body>
</html>

总结

考察基本的选择器的使用

相关文章
|
30天前
|
存储 JavaScript 前端开发
前端xss攻击——规避innerHtml过滤标签节点及属性
前端xss攻击——规避innerHtml过滤标签节点及属性
81 4
|
8天前
|
数据采集 移动开发 前端开发
前端基本标签,快捷键
前端基本标签,快捷键
|
28天前
|
前端开发 JavaScript
前端 TS 快速入门之三:class 类
前端 TS 快速入门之三:class 类
34 1
|
28天前
|
前端开发
前端 css 经典:选择器速记
前端 css 经典:选择器速记
25 0
|
28天前
|
前端开发 JavaScript
前端 js 经典:class 类
前端 js 经典:class 类
9 2
|
30天前
|
前端开发
【Web前端】CSS基本语法规范和引入方式&&常见选择器用法&&常见元素属性
【Web前端】CSS基本语法规范和引入方式&&常见选择器用法&&常见元素属性
|
30天前
|
前端开发 数据安全/隐私保护 计算机视觉
前端 基础标签
前端 基础标签
8 0
|
30天前
|
存储 前端开发 JavaScript
【Web 前端】如何找到所有 HTML select 标签的选中项?
【5月更文挑战第2天】【Web 前端】如何找到所有 HTML select 标签的选中项?
|
30天前
|
JavaScript 前端开发
【Web 前端】 jQuery 里的 ID 选择器和 class 选择器有何不同?
【5月更文挑战第1天】【Web 前端】 jQuery 里的 ID 选择器和 class 选择器有何不同?
|
30天前
|
前端开发 容器
【Web 前端】css选择器有哪些?
【4月更文挑战第22天】【Web 前端】css选择器有哪些?