`
zhouchaofei2010
  • 浏览: 1088841 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

一个 class,多个样式表

阅读更多

:如何使用一个 class 应用多个样式表?比如如下样式表:

.c1{color:#FF0000;}
.c2{font-size:14px;}

<div id="title">标题</div>

如何使标题既可以用 c1 也可以用 c2。

答:在 class 值的多个名称之中用空格隔开。如:
<div id="title" class="c1 c2">标题</div>标题就会显示为红色、14px。

http://zsl354310.blog.163.com/blog/static/124181482007101944554681/

分享到:
评论

相关推荐

    div+css样式表的id和class常用命名规则

    div+css样式表的id和class的区别:就一句来概括, class可以定义多个值并且可以应用到多个标签上,但id只能是一个。所以就开始查一些相关的div+css样式表id和class的常用命名规则,请大家参考一下:  首先讲一下div+...

    html css中id和class的区别比较

    2,id属性一般在一个页面中只可以使用一次,而class可以被多次引用。 3,id作为元素的标签,用于区分不同结构和内容,而class作为一个样式,它可以应用到任何结构和内容上。 4,在布局思路上,一般坚持这样的原则...

    CSS3样式表-选择器.pptx

    CSS样式表中设置了多个样式规则,根据其对于HTML页面中元素的影响范围,将选择器分为: id选择器 类选择器 标签选择器 全局选择器 群组选择器 后代选择器 伪类选择器 …… 2 标签选择器,也称为元素选择器,可以为...

    css介绍快速学习

    CSS是层叠样式表(Cascading Style Sheets)用来定义网页的显示效果。可以解决html代码对样式定义的重复,提高了后期样式代码的可维护性,并增强了网页的显示效果功能。 简单一句话:CSS将网页内容和显示样式进行...

    多class应用同一个元素时前后声明的class规则将会怎样

    如题,看例子: 复制代码代码如下: &lt;p class=”style2&gt;Here gose the content….&lt;/p&gt; css文件中: ...如此,只能说明 浏览器解析样式时 是按规则在样式表中的声明顺序,而非添加到元素上的顺序。

    arcgis工具

    使用一个属性字段作为超链 在内容表中右击包含一个超链接字段的图层,然后点击properties ,单击Display选项卡。选中Supprt Hyper3. Hyperlinks using field选项,单击下拉箭头并点击一个字段。 单击Document or URL...

    MYSQL常用命令大全

     通过以上操作,就可以创建了一个数据库auction以及其中的一个表auction。  6.修改数据库  (1)在mysql的表中增加字段:  alter table dbname add column userid int(11) not null primary key auto_...

    彻底弄懂CSS选择器以及优先级

    内联样式表的权值最高 (style=””) 权值为1000 统计选择符中的ID属性个数。(#id) 权值为100 统计选择符中的CLASS属性个数。(.class) 权值为10 统计选择符中的HTML标签名个数。 {例如:p} 权值为1 按这些规则将数...

    使用CSS伪元素控制连续几个元素的样式方法

    用CSS伪元素控制元素的时候经常性的需要改变一些元素的样式,网上有许多博客都说了如何去控制一个的改变,但是我在实际写的过程中,发现更多时候是需要控制多个连续元素的改变。 使用伪元素去控制(以:hover为例),...

    前端css+html+布局笔记

    将样式编写到外部样式表中,可以在不同的页面中使用同一个样式表,完全将表现和结构分离,方便后期的维护,推荐使用的方式 编写的位置 1.内联样式 将样式编写到标签的style属性中 ;"&gt; 这种样式只会对当前...

    使用HTML开发商业网站-CSS3高级特性课件.pptx

    CSS 高 级 特 性 CSS高级特性 所谓层叠性是指多种CSS样式...为了体验CSS优先级,首先来看一个具体的例子,其CSS样式代码如下: p{ color:red;} /*标记样式*/ .blue{ color:green;} /*class样式*/ #header{ color:blue;}

    TOPTP v1.0纯净版(for ThinkPHP2.1RC1)-ThinkPHP代码生成器

    、删、查、改代码,命名规则也有诸多限制,很多第一个字母都要大写,模块文件名后面要跟Action.class.php,模 型文件名后面要跟.Model.class.php 这些繁琐的规则,稍不注意你就出错了。 或许你用ThinkPHP做网站都是...

    reisy:运行时可扩展的内联样式

    杂乱无章运行时可扩展的内联样式 reisy是一个定义样式表的系统。 但是它可以做的更多。 阅读以下示例,以了解为您准备的内容。 噪音由两部分组成。 一个运行时库,用于解析和构造样式表和属性,还有一个babel插件,...

    css-masterclass-curriculum

    在上照片CSS是一个非常广泛的主题,一开始似乎很容易,但是当您想要掌握它时,如果不是因为缺少教程而没有掌握它的路径或完整的课程,那么它就会成为一个难题。在这里,我将向您展示您将通过遵循课程表的方式来掌握...

    纯CSS3伪类after实现自定义hover效果

    效果描述: 我们知道,当鼠标悬停在图片或者文字上的时候,会有一行文字说明悬停... 1、将head中的.tooltip样式拷贝到你的样式表中 2、给你需要显示此效果的地方加上class=“tooltip”,同时在加个title内容即可

    sx:[READONLY]适用于Next.js应用程序的Atomic CSS-in-JS(不仅如此)。 该存储库是从https自动导出的

    安装及使用首先,从NPM安装软件包: yarn add @adeira/sx强烈建议(但可选)也使用相关的 : yarn add --dev eslint-plugin-sx创建一个样式表,并使用它来为React生成className道具: import sx from '@adeira/sx' ;...

    mkrcomponent:一个小型的CLI实用程序应用程序,可让您快速创建React Class Component或Functional Component。 输入组件的名称和您要制作的类型。 该应用程序将创建在React中找到的relevent文件夹结构,用于处理src组件。 它还将在其组件目录中创建随附的组件样式表和测试文件。

    该应用程序从CLI接收一个多字字符串,并创建命名的组件文件夹和后续的组件文件,以及用户指定的其他文件。 介绍 创建此节点CLI应用程序是为了帮助简化设置和创建React组件所花费的时间。 这样做不仅可以减轻时间...

    babel-plugin-stilr-classnames:将所有对stilr-classname的使用移至根范围,以在热加载和生产环境中使用

    在所有出现的stilrcx(...)发生上述情况之后,此插件将使用呈现一个样式表,其中包含您通过stilrcx(...)定义的所有样式。 最后,如果process.env.NODE_ENV === 'production' , global.stilrStylesheet设置为刚刚...

    flex3的cookbook书籍完整版dpf(包含目录)

    在多个应用程序中访问同一个共享对象 17.8节. 记住用户输入文本框的内容 第十八章. 数据服务和服务端通信(574) 18.1节. 配置HTTPService 18.2节. 在Flex程序之间使用RESTful通信 18.3. 配置和连接RemoteObject 18.4...

    JIDE Grids (表格)开发员技术手册

    TableScrollPane - 通过扩展JideScrollPane 组件来实现行列的头,尾使用一个唯一的表数据模型 TableSplitPane - 使用一个唯一的表数据模型来创造几个不同的表格。每一个表格都可以独立定义列头和;列尾的样式 ...

Global site tag (gtag.js) - Google Analytics