类型选择器

CSS中的一种选择器是元素类型的名称。使用这种选择器(称为类型选择器),可以向这种元素类型的每个实例上应用声明。例如,以下简单规则的选择器是H1,因此规则作用于文档中所有的H1元素:

1H1 {color:red}

简单属性选择器

CLASS属性

CLASS属性允许向一组在CLASS属性上具有相同值的元素应用声明。BODY内的所有元素都有CLASS属性。从本质上讲,可以使用CLASS属性来分类元素,在样式表中创建规则来引用CLASS属性的值,然后浏览器自动将这些属性应用到该组元素。

类选择器以标志符(句点)开头,用于指示后面是哪种类型的选择器。对于类选择器,之所以选择句点是因为在很多编程语言中它与术语“类”相关联。翻译成英语,标志符表示“带有类名的元素”。

ID属性

ID属性的操作类似于CLASS属性,但有一点重要的不同之处:ID属性的值在整篇文档中必须是唯一的。这使得ID属性可用于设置单个元素的样式规则。包含ID属性的选择器称为ID选择器。

需要注意的是,ID选择器的标志符是散列符号(#)。标志符用来提醒浏览器接下来出现的是ID值。

STYLE属性

尽管在选择器中可以使用CLASS和ID属性值,STYLE属性实际上可以替代整个选择器机制。不是只具有一个能够在选择器中引用的值(这正是ID和CLASS具有的值),STYLE属性的值实际上是一个或多个CSS声明。

通常情况下,使用CSS,设计者将把所有的样式规则置于一个样式表中,该样式表位于文档顶部的STYLE元素内(或在外部进行链接)。但是,使用STYLE属性能够绕过样式表将声明直接放置到文档的开始标记中。

组合选择器类型

可以将类型选择器、ID选择器和类选择器组合成不同的选择器类型来构成更复杂的选择器。通过组合选择器,可以更加精确地处理希望赋予某种表示的元素。例如,要组合类型选择器和类选择器,一个元素必须满足两个要求:它必须是正确的类型和正确的类以便使样式规则可以作用于它。

外部信息:伪类和伪元素

在CSS1中,样式通常是基于在HTML源代码中出现的标记和属性。对于很多设计情景而言这种做法完全可行,但是它无法实现设计者希望获得的一些常见的设计效果。

设计伪类和伪元素可以实现其中的一些效果。这两种机制扩充了CSS的表现能力。在CSS1中,使用伪类可以根据一些情况改变文档中链接的样式,如根据链接是否被访问,何时被访问以及用户和文档的交互方式来应用改变。借助于伪元素,可以更改元素的第一个字母和第一行的样式,或者添加源文档中没有出现过的元素。

伪类和伪元素都不存在于HTML;也就是说,它们在HTML代码中是不可见的。这两种机制都得到了精心设计以便能够在CSS以后的版本中做进一步地扩充;也就是说实现更多的效果。 [11]

必须为元素类型 association 声明属性 oftype。_CSS相关的选择器和属性介绍相关推荐

  1. Caused by: org.xml.sax.SAXParseException: 必须为元素类型 “select“ 声明属性 “paramterType“。

    Caused by: org.xml.sax.SAXParseException: 必须为元素类型 "select" 声明属性 "paramterType". ...

  2. Caused by: org.xml.sax.SAXParseException;必须为元素类型 mapping 声明属性 resourse。

    求教,hibernate使用Junit测试时报错,不知道具体怎么修改,请问下大佬们怎么处理? hibernate.cfg.xml<?xml version="1.0" enc ...

  3. oracle type is varray,oracle – 使用TYPE属性检索VARRAY元素类型

    我想通过类型属性或任何解决方法检索元素类型的varray存储. 例如,我们的类型定义如下 CREATE TYPE "READINGS" AS VARRAY (200) OF NUM ...

  4. 元素类型为 “resultMap” 的内容必须匹配 “(constructor?,id*,result*,association*,collection*,discriminator?)”

    错误 原配置如下: <resultMap id="xxxDetail" type="xxx" extends="xxxResult"& ...

  5. 【MyBatis错误集】--lineNumber: 132; columnNumber: 28; 元素类型 insert 必须后跟属性规范 或 /

    错误描述: Caused by: org.apache.ibatis.builder.BuilderException: Error creating document instance. Cause ...

  6. (1)声明一个圆柱体类型,(2)声明属性:底边的半径,和高(3)声明方法:A:方法的功能:在方法中打印圆柱体的详细信息:圆柱体的底边的半径是xxx,高是xxx,底面积是xxx,体积是xxx。B

    //(1)声明一个圆柱体类型, //(2)声明属性:底边的半径,和高 //(3)声明方法: //A:方法的功能:在方法中打印圆柱体的详细信息:圆柱体的底边的半径是xxx,高是xxx,底面积是xxx,体 ...

  7. java xsi type_无法使用BPMN 2.0 XSD验证XML与元素类型“conditionExpression”关联的属性“xsi:type”的前缀“xsi”未绑定...

    嗨我在我的应用程序中使用Activiti框架来管理工作流.我为演示目的创建了一个非常基本的流程定义,它工作得非常好. 但我得到了上述错误,当我在过程定义中包含条件表达式获取上述异常. 以下是流程定义无 ...

  8. Linq之隐式类型、自动属性、初始化器、匿名类

    目录 写在前面 系列文章 隐式类型 自动属性 初始化器 匿名类 总结 写在前面 上篇文章是本系列的小插曲,也是在项目中遇到,觉得有必要总结一下,就顺手写在了博客中,也希望能帮到一些朋友.本文将继续介绍 ...

  9. html笔记(二)html4+css2.0(元素类型、css精灵、宽度自适应、BFC、浏览器相关概述、css统筹)

    大标题 小节 一.元素类型 1. 元素分类 2. 置换和非置换元素 3. 元素类型转换 二.css精灵 三.宽高自适应 1. 宽度自适应 2. 高度自适应 3. 最小高度自适应 4. 高度塌陷及解决办 ...

最新文章

  1. android组件什么时候加载到r文件,Android自定义加载loading view动画组件
  2. android WebView中js的alert()失效
  3. Transformer再度出手!low-level多个任务榜首被占领,
  4. DAS,SAN,NAS
  5. AI之HCI:人机交互Human-Computer Interaction的简介、发展历史、案例应用之详细攻略
  6. string和System.String
  7. 第一次知识补充及用户登录(三次机会重试)作业
  8. 产品的国内版和国际版背后的思考
  9. 国家地表水水质自动监测站坐标位置数据(共1946个点位,含断面名称、所在省份、所在城市、经度、纬度、所在河流、所在流域、断面属性、介绍、属地管理)
  10. 淘宝技术这十年 -- 目录
  11. 网课搜题公众号接口怎么对接?最新接口-麦麦题
  12. Hdu--5064(DP)
  13. 中国IT排名百强公司
  14. ibm服务器预装什么系统,如何恢复IBM存储服务器的预装系统
  15. 计算机网络速度测试指令,测试网速命令_在电脑的运行中输入什么指令 测网速...
  16. 字符间距加宽5磅怎么设置_word的字符间距加宽1period;2磅
  17. [ Java面试题 ]Java 开发岗面试知识点解析
  18. 记录CTF命令执行练习中遇到的几道题(一些PHP命令过滤的绕过方法)
  19. 手机最好的html5浏览器,综合能力的较量 8大手机浏览器半年横评
  20. 【华为OD机试真题 python】特异性双端队列 | 最小调整顺序次数【2022 Q4 | 100分】

热门文章

  1. Seaborn可视化使用relplot函数可视化数据长度不同的时间序列实战:two Pandas Series of different lengths
  2. R语言使用caret包构建GBM模型:在模型最优参数已知的情况下,拟合整个训练集,而无需进行任何重采样或参数调优
  3. R语言循环中break函数和next函数使用实战
  4. R语言parse函数、deparse函数、expression函数实现字符串和表达式的转换实战
  5. R构建加权最小二乘回归模型(Weighted Least Squares Regression)
  6. pandas dataframe数据聚合groupby、agg、privot基于sum统计详解及实例
  7. L1正则化为什么又叫做稀疏因子?
  8. 的python如何降级_提效降本:蚂蚁金服如何用融合计算改造在线机器学习
  9. 三代测序知识学习----Sequel
  10. javascript worker 多线程 简单示例