认清区别CSS的类class和id
来源:yesky 发布时间:2007-10-08 12:02:00
标签:class,id,css
在CSS初级教程中我们仅仅考虑了HTML选择符──以HTML标签形式出现。你当然可以用类选择符class和标识选择符id来定义自己的选择符。这样做的好处是,依赖于class或者id,你可以不同地表现相同的HTML元素。
在CSS中,类选择符在一个半角英文句点(.)之前,而id则在半角英文井号(#)之前。
看起来像这样:
#top { background-color: #ccc; padding: 1em }
.intro { color: red; font-weight: bold; }
HTML与CSS的连接用属性id和class。像这样:
#top { background-color: #ccc; padding: 1em } //id
.intro { color: red; font-weight: bold; }//class
应用如下:
<div id="top">
<h1>Chocolate curry</h1>
<p class="intro">asp之家</p>
<p class="intro">http://www.aspxhome.com</p>
</div>
id和class不同之处在于,id用在唯一的元素上,而class则用在不止一个的元素上。
你也可以为一个指定的HTML元素应用选择符,把HTML选择符放置在前面就可以了,所以, p.jam { whatever }会应用在有类“jam”的段落上。
相关阅读:div中class与id的区别及应用
0
投稿
猜你喜欢
- 下面十条内容的标题原本是《10 Lessons for Young Designers》,是John C. Jay给年青设计师们的十条经验教
- 本文实例讲述了Python实现针对中文排序的方法。分享给大家供大家参考,具体如下:Python比较字符串大小时,根据的是ord函数得到的编码
- 情况一本地导出,远程导入(windows导到linux)本机(物理机)数据库全部导出(左下角打开dos窗口)1.启动mysqlnet sta
- 组件间通信的概念开始之前,我们把组件间通信这个词进行拆分组件通信都知道组件是vue最强大的功能之一,vue中每一个.vue文件我们都可以视之
- 本文实例讲述了Python实现树的先序、中序、后序排序算法。分享给大家供大家参考,具体如下:#encoding=utf-8class Tre
- 本文实例讲述了JS实现动画兼容性的transition和transform方法。分享给大家供大家参考,具体如下:今天在开发纯手工js打造图片
- Python这些年风头一直很盛,占据了很多领域的位置,Web、大数据、人工智能、运维均有它的身影,甚至图形界面做的也很顺,乃至full-st
- Github 上很多大牛的代码都是Tensorflow v1 写的,比较新的文章则喜欢用Pytorch,这导致我们复现实验或者对比实验的时候
- execute、executeUpdate、executeQuery三者的区别(及返回值)一、boolean execute(String
- Socket是什么Socket是一个抽象层,连接了应用层与传输层,是一组接口。在设计模式中,Socket其实就是一个门面模式,它把复杂的TC
- 在写 Python 代码的时候,一个很好的编码实践就是使得你的代码简洁,易懂。组织代码,设置变量,以及给函数有意义的名字,都是几个不错的方法
- 运行效果:完整代码from tkinter import *import tkinter.messageboximport base64fr
- 目录概述模板模式生活案例策略模式涉及到两个角色UML总结示例概述模板方法模式定义了一个算法的步骤,并允许子类别为一个或多个步骤提供其实践方式
- 这篇文章主要介绍了python异常处理try except过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价
- 前言延迟队列是一个非常有用的工具,我们经常遇到需要使用延迟队列的场景,比如延迟通知,订单关闭等等。这篇文章主要是使用Go+Kafka实现延迟
- 本文实现Redis的协议层,协议层负责解析指令,然后将指令交给核心database执行echo database用来测试协议层的代码http
- 具体代码如下所述:import sysfrom PySide2.QtGui import *from PySide2.QtCore impo
- python 3.10上安装pyqt5前言首先,看一下自己电脑上的python的版本,网上有太多乱七八糟的教程,啥也不说就硬教,跟着做的话就
- 许多人利用Session变量来开发ASP(Active Server Pages)。这些变量与任何编程语言中通用的变量非常相似,并且具有和通
- 我就废话不多说了,直接上代码吧!#coding:utf-8import osimport statimport shutil#filePat