CSS选择器 1.id选择器 #id{ } ,“#id”选中元素2.类选择器 .class{ } ,“.类名称”选中元素3.标签选择器 div{ } ,“标签名”选中元素4.通配符选择器 { } ,""选中所有元素5.组合选择器:分组选择器 E,F “,”逗号隔开,同时选中E,F元素后代选择器 E ...
分类:
Web程序 时间:
2020-06-03 00:34:28
阅读次数:
384
一 前言 目前在做IFE的练习,初步学习到CSS内容,所以做了总结。这篇博文主要介绍了CSS的选择器相关概念。 二 选择器类型 2.1 类型概述 CSS选择器 可以被分为以下类别:S1 简单选择器 A1 元素选择器 A2 类选择器 A3 ID选择器 A4 通用选择器 S2 属性选择器 A1 简单属性 ...
分类:
Web程序 时间:
2020-06-02 13:04:19
阅读次数:
74
1、标签选择器 <div>文本内容</div> div{ color:red; } 2、class选择器 <div class="text">文本内容</div> .text{ color:red; } 3、id选择器 每个id选择器的属性值在一个页面只能用一次 <div id="text">文本内 ...
分类:
Web程序 时间:
2020-06-01 23:57:13
阅读次数:
142
CSS架构 基本选择器 元素选择器:通过元素名称定位页面元素 类选择器:通过元素的class属性定位页面元素 ID选择器:通过元素的ID属性定位页面元素;id属性必须是唯一的 通配符选择器:匹配当前页面中所有元素 <style> p{ color: #2196f3; } /*元素选择器 通过元素名称 ...
分类:
Web程序 时间:
2020-06-01 12:10:26
阅读次数:
95
类选择器(Class selectors) 通过设置元素的 class 属性,可以为元素指定类名。类名由开发者自己指定。 文档中的多个元素可以拥有同一个类名。 在写样式表时,类选择器是以英文句号(.)开头的。 ID选择器(ID selectors) 通过设置元素的 id 属性为该元素制定ID。ID名 ...
分类:
其他好文 时间:
2020-05-28 09:16:25
阅读次数:
132
要想将CSS样式应用于特定的HTML元素,首先需要找到该目标元素。选择器是选择要添加要是的HTML标签的一种方式、模式。 CSS2.1版本的七种选择器: 基础选择器: 标签选择器、id选择器、类选择器、通配符选择器 高级选择器: 后端选择器、交集选择器、并集选择器 基础选择器 标签选择器 通过标签名 ...
分类:
Web程序 时间:
2020-05-28 01:01:27
阅读次数:
104
id选择器可以为特定id的HTML元素指定特定的样式。 HTML元素以id属性来设置id选择器,CSS中id选择器以“#”来定义。 语法: #id名 { 属性1: 属性1; ..... } 注意:id选择器口诀:样式#定义,结构id调用,只能调用一次,别人切勿使用 类选择器和id选择器的比较: 1. ...
分类:
其他好文 时间:
2020-05-27 01:15:48
阅读次数:
671
MDN Web docs https://developer.mozilla.org/zh-CN/docs/Web/CSS 一、常用选择器 /* 1、元素选择器 作用:根据标签名来选中指定元素 语法:标签名:{} 例子 p{} h1{} div{} */ /* 2、id选择器 作用:根据元素id属性 ...
分类:
Web程序 时间:
2020-05-13 23:33:24
阅读次数:
306
基本选择器 基本选择器分为四种: 通用选择器 标签选择器 类选择器 ID 选择器 1. 通用选择器 通用选择器是一个星号*,功能类似于通配符,用与匹配文档中所有的元素类型,使页面中所有元素都是用该规则。 <!DOCTYPE html> <html> <head> <meta charset="UTF ...
分类:
Web程序 时间:
2020-05-12 09:32:44
阅读次数:
103
id为定向选择依据,class类选择器为辅助,创建派生选择器即可定向控制 ...
分类:
其他好文 时间:
2020-05-09 17:14:02
阅读次数:
48