20201515

元素选择器

  • 作用: 通过标签名选中页面中的所有元素
    语法:标签名
    例子p{} h1{}
    可以为元素添加一个id,来将其和其他元素区分
  • 语法:标签
  • 例子:p{} h1{}...可以为元素添加一个id,来将其和其他元素区分

Id选择器

  • 作用:根据元素的id属性值来选中一个元素

Class属性

  • 除了id,每一个元素都可以设置一个class属性
    • Class属性和id类似,不同点在元素页面中可以出现重复的class属性
    • 一个元素可以同时指定多个class,多个class间使用空格隔开
    • <p class="p2 p3"
图片1.png

Class选择器

  • 作用:根据元素的class数值来选中元素
  • 语法:.class属性值
    Class比id更加灵活
  • 例子:#p1{} #box{} #wrapper{}
    京东的是大框用id,小框用class,没有绝对的
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 浏览器与服务器的基本概念 浏览器(安装在电脑里面的一个软件) 作用: ①将网页内容渲染呈现给用户查看。 ②让用户通...
    云还灬阅读 1,240评论 0 0
  • 1.CSS 元素选择器 最常见的 CSS 选择器是元素选择器。换句话说,文档的元素就是最基本的选择器。如果设置 H...
    饥人谷_小侯阅读 935评论 0 1
  • 概述 在网易云课堂学习李南江老师的《从零玩转HTML5前端+跨平台开发》时,所整理的笔记。笔记内容为根据个人需求所...
    墨荀阅读 2,452评论 0 7
  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 3,378评论 0 40
  • 一、CSS入门 1、css选择器 选择器的作用是“用于确定(选定)要进行样式设定的标签(元素)”。 有若干种形式的...
    宠辱不惊丶岁月静好阅读 1,700评论 0 6

友情链接更多精彩内容