CSS id 和 class 选择器详解编程语言
2023-06-13 09:20:39 时间
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 # 来定义。
以下的样式规则应用于元素属性 id= para1 :
!DOCTYPE html html head style #para1 text-align:center; color:red; /style /head body p id="para1" Hello World! /p p This paragraph is not affected by the style. /p /body /html
ID属性不要以数字开头,数字开头的ID在 Mozilla/Firefox 浏览器中不起作用。
class 选择器class 选择器用于描述一组元素的样式,class 选择器有别于id选择器,class可以在多个元素中使用。
class 选择器在HTML中以class属性表示, 在 CSS 中,类选择器以一个点 . 号显示:
在以下的例子中,所有拥有 center 类的 HTML 元素均为居中。
!DOCTYPE html html head style .center text-align:center; /style /head body h1 标题居中 /h1 p 段落居中。 /p /body /html
你也可以指定特定的HTML元素使用class。
在以下实例中, 所有的 p 元素使用 >
!DOCTYPE html html head style p.center text-align:center; /style /head body h1 This heading will not be affected /h1 p This paragraph will be center-aligned. /p /body /html
类名的第一个字符不能使用数字!它无法在 Mozilla 或 Firefox 中起作用。
13264.html
cjava相关文章
- css 更改所有text,CSS之cssText「建议收藏」
- CSS实现三列图片等宽等间距布局详解编程语言
- 使用html+css+js实现3D相册详解编程语言
- 纯CSS + 媒体查询实现网页导航特效详解编程语言
- 使用BEM命名规范来组织CSS代码详解编程语言
- CSS布局 — 圣杯布局 & 双飞翼布局详解编程语言
- css中filter用法详解编程语言
- Css学习笔记详解编程语言
- div的hover放大css,实现小图变大图详解编程语言
- CSS 控制Html页面高度导致抖动问题的原因详解编程语言
- JQuery中操作Css样式的方法大全详解编程语言
- CSS开发中的10个不要详解编程语言
- CSS学习笔记07 盒子模型详解编程语言
- CSS学习笔记06 简单理解line-height详解编程语言
- 纯CSS隔行换色详解编程语言
- 6种编写HTML和CSS的最有效的方法详解编程语言
- CSS 分页实例详解编程语言
- CSS 图片详解编程语言
- CSS Table(表格)详解编程语言
- CSS强制文本在一行内显示若有多余字符则使用省略号表示详解编程语言
- CSS 属性设置优先级问题详解编程语言
- 史上最强大的40多个纯CSS绘制的图形详解编程语言
- The Shapes of CSS(css的形状)详解编程语言
- ios jquery css(‘left’)无法读取属性解决的方法详解编程语言
- css滚动条占空间的解决方法详解编程语言
- 器使用Oracle CSS服务器提升业务效率(oracle css服务)
- 如何使用jquery控制CSS样式,并且取消Css样式(如背景色,有实例)
- css实现气泡框效果(实例加图解)