CSS选择器

一,标签选择器,其实就是HTML中的标签,如<html>,<body>,<h>,<p>等,其格式为:标签名{CSS样式}。

二,.类选择器名称{CSS样式代码;},注意:首先要以英文圆点开头,类选择器的名称可以任意起,但不要起中文。具体的使用方法如下图。

类选择器的使用方法

三,ID选择器类似于类选择器,但是也有一些区别,为标签设置id="ID名称",而不是class="类名称",ID选择符的前面是井号(#)号,而不是英文圆点(.)

   1. 在使用方面,ID选择器只能在文档中使用一次。与类选择器不同,在一个HTML文档中,ID选择器只能使用一次,而且仅一次。而类选择器可以使用多次。

    2.可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式,但只可以用类选择器的方法实现,ID选择器是不可以的(不能使用 ID 词列表)。

四,子选择器,即大于符号(>),用于选择指定标签元素的第一代子元素。其格式为:.父带选择器名称>子代选择器名称{CSS样式代码;}。

五,包含选择器,即加入空格,用于选择指定标签元素下的后辈元素。

    请注意这个选择器与子选择器的区别,子选择器(child selector)仅是指它的直接后代,或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择,而子选择器是通过“>”进行选择。

六,通用选择器,*{CSS样式代码;},它的作用是匹配html中所有标签元素。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.CSS 元素选择器 最常见的 CSS 选择器是元素选择器。换句话说,文档的元素就是最基本的选择器。如果设置 H...
    饥人谷_小侯阅读 885评论 0 1
  • CSS选择器 标签选择器 什么是标签选择器? 作用: 根据指定的标签名称, 在当前界面中找到所有该名称的标签, 然...
    Jackson_yee_阅读 522评论 0 0
  • 选择器: 标签选择器格式:标签名称{属性:值;} id选择器格式: id名称{ } 类选择器格式:.类名{属性:值...
    往事一块六毛八阅读 444评论 0 0
  • 标签选择器 什么是标签选择器?作用: 根据指定的标签名称, 在当前界面中找到所有该名称的标签, 然后设置属性 格式...
    muyang_js的简书阅读 521评论 0 0
  • 一、三月整体分析 1、期待一:专业咨询师:100小时个案咨询、50小时个案督导、20小时自我体验 完成情况:9小时...
    毛毛虫的遨游阅读 244评论 0 0