CSS 类选择器

  在CSS 中,类选择器以一个点号显示:

  .center {text-align: center}

  在上面的例子中,所有拥有 center 类的 HTML 元素均为居中。

  在下面的 HTML 代码中,h1 和 p 元素都有 center 类。这意味着两者都将遵守 ".center" 选择器中的规则。

  <h1 class="center">This heading will be center-aligned</h1><p class="center">This paragraph will also be center-aligned.</p>

  注意:类名的第一个字符不能使用数字!它无法在 Mozilla 或 Firefox 中起作用。

  和 id 一样,class 也可被用作派生选择器:

  .fancy td {color: #f60;background: #666;}

  在上面这个例子中,类名为 fancy 的更大的元素内部的表格单元都会以灰色背景显示橙色文字.(名为 fancy 的更大的元素可能是一个表格或者一个 div)

  元素也可以基于它们的类而被选择:

  td.fancy {color: #f60;background: #666;}

  在上面的例子中,类名为 fancy 的表格单元将是带有灰色背景的橙色。

  <td class="fancy">

  你可以将类 fancy 分配给任何一个表格元素任意多的次数。那些以 fancy 标注的单元格都会是带有灰色背景的橙色。那些没有被分配名为 fancy 的类的单元格不会受这条规则的影响。还有一点值得注意,class 为 fancy 的段落也不会是带有灰色背景的橙色,当然,任何其他被标注为 fancy 的元素也不会受这条规则的影响。这都是由于我们书写这条规则的方式,这个效果被限制于被标注为 fancy 的表格单元(即使用 td 元素来选择 fancy 类)。

转载于:https://www.cnblogs.com/pclys/archive/2012/11/22/2782632.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/301963.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

将历史、数学、语文、地理、政治知识融会贯通的诀窍就是它

▲卢sir特别推荐点击上图进入玩酷屋在这个知识都是碎片化的时代&#xff0c;系统化的知识&#xff0c;显得弥足珍贵。今天小木就专门给大家推荐一套&#xff0c;将知识系统化整理&#xff0c;放到时间轴上展示的——《时间上的人物谱》里。这是一套特别的工具书&#xff0c;是一…

Nginx实战部署常用功能演示(超详细版),绝对给力~~~

前言上次分享了一些开发过程中常用的功能&#xff0c;但如果到真实环境中&#xff0c;其实还需要一些额外的配置&#xff0c;比如说跨域、缓存、配置SSL证书、高可用等&#xff0c;老规矩&#xff0c;还是挑几个平时比较常用的进行演示分享。上篇详见Nginx超详细常用功能演示&a…

程序员,为什么给你50万年薪,你还要搞死我公司?

全世界只有3.14 % 的人关注了数据与算法之美小卢,今天看到一条让人吐血的新闻。1月20日&#xff0c;深圳市某互联网游戏公司程序员燕某在游戏上线测试的当天&#xff0c;锁死了服务器与电脑&#xff0c;并恶意失踪&#xff0c;致公司损失惨重的事在网上曝光并引起热议。这到底是…

访问Web服务器时 使用的协议是,使用SOAP协议访问Web服务

SOAP是简单对象访问协议&#xff0c;它可看成是HTTP与XML的结合&#xff0c;其中XML部分是作为HTTP报文的实体主体部分。SOAP&#xff1a;简单对象访问协议&#xff0c;是一种轻量的、简单的、基于 XML 的协议&#xff0c;它被设计成在 WEB 上交换结构化的和固化的信息。 SOAP …

同时画多个饼图_手帐术 | 这个神奇饼图里,藏着时间管理的小秘诀

说起效率管理kk首先想到的就是时间饼了简直就是拖延症的救星啊&#xff01;&#xff01;&#xff01;不仅能帮我们规划日程而且相比于时间轴来说可视化更强今天kk就来介绍一下时间饼的使用方法~时间饼类型时间饼一共分为几种12h、15h、18h、24h等时间越长分的越细12小时12h适合…

Dotnet创建Linux下的Service应用

创建Service应用&#xff0c;是一个服务端开发的必会技能。前言说到服务端应用&#xff0c;最常见的就是API服务。除此之外&#xff0c;还有一类应用&#xff0c;比方一个Socket的服务器。这类型的应用&#xff0c;本身没有Web层&#xff0c;当然也不属于API服务。通常大家会怎…

【转】java io 总结(图)

2019独角兽企业重金招聘Python工程师标准>>> 转载于:https://my.oschina.net/dlpinghailinfeng/blog/91191

TensorFlow的各种应用,你晓得不?

近几年&#xff0c;AI 的重大进展对我们的日常生活产生了积极影响。随着Google发布了《Google AI 原则》( Google AI Principles )&#xff0c;它们为 AI 发展提供了一个框架。由于这一领域的发展非常迅速&#xff0c;一些原则的最佳实践&#xff0c;如 “ 避免制造或加强不公平…

dhcp服务器显示主机名,linux – 当我没有在dhclient.conf中定义一个时,我的DHCP服务器如何知道我的机器的主机名?...

我正试图在我们的网络上解决与DHCP相关的一些时髦的DNS问题(我怀疑我们目前运行的是多个DHCP服务器),并且在试图解决这个问题时,我发现有一些奇怪的新服务器我只是建立.有问题的服务器是运行Ubuntu 9.10服务器的Xen虚拟机.物理Xen服务器也在我们的网络上,当我第一次在Xen中启动…

6月开招|工业互联才是王道,最高可达50k!

就在昨天&#xff0c;工信部发布了《工业互联网十个典型应用场景和五个重点行业实践》&#xff0c;具体介绍10个典型场景及5个重点行业工业互联网的实际应用情况&#xff0c;可以看到国内工业互联网正在蓬勃发展&#xff0c;欣欣向荣&#xff0c;工业4.0的浪潮正在席卷整个行业…

micropython安装ros_ROS2与STM32入门教程-microROS的linux版本

ROS2与STM32入门教程-micro_ros的linux版本说明&#xff1a;介绍如何安装使用micro_ros步骤&#xff1a;安装ros2版本foxy&#xff0c;查看教程加载ros2环境source ~/ros2_foxy/install/setup.bash也可以把这一句加到bashrc文件&#xff0c;新开终端就不用再输入安装micro-xrce…

php引用

php引用允许两个变量指向同一个内容。意思是&#xff0c;当这样做时 <?php $a&$b; ?> 意味着$a与$b指向同一变量&#xff0c;这并不是$a指向了$b或者相反,而是$a和$b指向了同一地方 如果对一个未定义的变量进行引用赋值、引用参数传递或引用返回&#xff0c;则会自…

2018 年最受欢迎的 Python 库,你都用过吗?

全世界只有3.14 % 的人关注了数据与算法之美前段时间&#xff0c;数据科学网站 KDnuggets 评选出了顶级 Python 库 Top15&#xff0c;领域横跨数据科学、数据可视化、深度学习和机器学习。推荐阅读《Python3.0科学计算指南》上图&#xff1a;根据 GitHub star 和贡献评选出的 2…

登录服务器修改数据库吗,如何修改服务器登录数据库 sa

如何修改服务器登录数据库 sa 内容精选换一换为确保华为云关系型数据库服务发挥出最优性能&#xff0c;用户可根据业务需求对用户创建的参数模板中的参数进行调整。您可以修改用户创建的数据库参数模板中的参数值&#xff0c;但不能更改默认数据库参数模板中的参数值。以下是您…

用NSubstitute来mock

Moq在.net中比较出名的mock框架&#xff0c;NSubstitute也是属于这类框架&#xff0c;使用方式也如出一辙&#xff0c;是通过实现子类来达到mock的效果。下面的测试方法都是按照 UnitTest的三板斧Arrange Act Assert来展开的&#xff0c;代码具体如下。using Microsoft.VisualB…

ubuntu安装mysql_Ubuntu18.04下安装MySQL

提示&#xff1a;以下操作均在root用户下进行&#xff0c;如在普通用户&#xff0c;请自行加上sudo&#xff01;# 查看有没有安装MySQL&#xff1a;dpkg -l | grep mysql# 安装MySQL&#xff1a;apt install mysql-server安装完成之后可以使用如下命令来检查是否安装成功&#…

shell 赋值

${parametre-default}与{parameter:-default}的输出等效&#xff0c;只当parameter被声明但值为null时候&#xff0c;二者才有区别。//变量未声明、未赋值[rootinstructor ~]# echo $a[rootinstructor ~]# echo ${a-1}1[rootinstructor ~]# echo ${a:-1}1//变量声明、赋值为nul…

居家好物┃超好用的擦窗神器保护腰椎尾椎久坐不累的美臀坐垫

▲卢sir特别推荐点击上图进入玩酷屋春节即将来临&#xff0c;小木特地挑选了好几款超级好用的居家生活产品。第一款&#xff1a;擦外窗神器&#xff0c; 颠覆你擦窗方式&#xff01;双面长柄 可伸缩 可折叠 可旋转便携擦玻璃神器第二款&#xff1a;天然抗菌除螨毛巾&#xff0c…

ML.NET Cookbook:(12)我想看看模型的系数

通常&#xff0c;一旦一个模型被训练出来&#xff0c;我们也会对“它学到了什么”感兴趣。例如&#xff0c;如果线性模型为我们认为重要的特征赋予零权重&#xff0c;则可能表明建模存在一些问题。线性模型的权重也可用作对“特征重要性”的估计。这是我们可以从训练的模型中提…

【读书笔记】《编写高效的JavaScript程序》

为什么80%的码农都做不了架构师&#xff1f;>>> 看到一篇文章&#xff0c;http://www.csdn.net/article/2012-11-20/2811887-writing-fast-memory-efficient-javascript/2 里面有个网页针对 原型链&#xff0c;模块化&#xff0c;模块化加缓存&#xff0c;进行了比…