HTML层叠样式表-选择器

作者: Hello_Hui | 来源:发表于2018-06-21 08:47 被阅读0次

1.css样式表

选择器{声明}

2.选择器

(1)id选择器

#id值{}

选中页面中具有id属性,并且属性值是id值的元素

tips:id属性在一个页面中唯一存在,不能重复

(2)class选择器

.class值{}

选中页面中具有class属性,并且属性值是class值的元素

tips:class属性在一个页面中不是唯一存在,可以多次重复

(3)标签选择器

直接写标签名,比如:p{ }, div{ }

(4)通用选择器

*{}

tips: 一般用于页面初始化,清空页面元素自带样式

3.选择器优先级

id>class>标签选择器>通用选择器

优先级最高的属性style(行内样式表)

优先级最高,只要写就一定生效

在标签内部,对当前标签添加样式

4.扩展

(1)包含选择器

E F{} 比如: .div1 p{}  即为选择.div下的所有P标签选择器

E和F是任意的基础选择器

(2)悬停选择器

选择器名:hover{}

(3)序号选择器

E:nth-child(n){}

tips:表示选中E中平级元素的第n个

选择器权重

相关文章

  • CSS基础

    概念 CSS指层叠样式表(级联样式表),作用是用来美化html标签 书写位置 选择器 选择器是一个选择谁的过程 基...

  • 二、CSS基础

    css——层叠样式表 选择器 用于匹配HTML元素有不同的匹配规则多个选择器可以叠加 值得关注的选择器元素选择器 ...

  • JS

    CSS: 层叠样式表 主要作用: 美化页面, 将美化和HTML进行分离,提高代码复用性 选择器: ​ 元素选择...

  • HTML层叠样式表-选择器

    1.css样式表 选择器{声明} 2.选择器 (1)id选择器 #id值{} 选中页面中具有id属性,并且属性值是...

  • CSS解析

    CSS(层叠样式表) CSS层叠样式表(Cascading Style Sheets)是一种用来表现HTML(标准...

  • CSS基本入门

    CSS 层叠样式表(cascading style sheets)(级联样式表) 1. 选择器分类 1.1 基础选...

  • CSS 知识总结

    一、层叠样式表(CCS) 发明人:李爵士的挪威同事---赖先生。 层叠的含义:样式层叠、选择器层叠、文件层叠。 使...

  • CSS入门

    CSS:层叠样式表 样式层叠:可以多次对同一选择器进行样式声明 选择器层叠:可以用不同的选择器对同一个元素进行样式...

  • css教程

    CSS:层叠样式表 指导标准:html内容与css样式分离应用步骤:css载入,css选择器选中元素,添加属性和属...

  • CSS3回忆整理-1

    CSS(Cascading Style Sheets):层叠样式表,又叫级联样式表,简称样式表 用于 HTML 文...

网友评论

    本文标题:HTML层叠样式表-选择器

    本文链接:https://www.haomeiwen.com/subject/fiafyftx.html