选择器CSS Id 和 Class选择器

css选择器  时间:2021-04-22  阅读:()

CSS Id和Class选择器id和class选择器

如果你要在HTML元素中设置CSS样式你需要在元素中设置"id"和"class"选择器。id选择器id选择器可以为标有特定id的HTML元素指定特定的样式。

HTML元素以id属性来设置id选择器,CSS中id选择器以"#"来定义。

以下的样式规则应用于元素属性id="para1":

实例

text-al ign:center;co lo r: red;

}

ID属性不要以数字开头数字开头的ID在Mozi l la/Firefox浏览器中不起作用。

ID属性只能在每个HTML文档中出现一次。具体的解释请参阅XHTML:网站重构。class选择器class选择器用于描述一组元素的样式 class选择器有别于id选择器 class可以在多个元素中使用。class选择器在HTML中以class属性表示,在CSS中类选择器以一个点"."号显示在以下的例子中所有拥有center类的HTML元素均为居中。

实例

.center {text-al ign:center;}

你也可以指定特定的HTML元素使用class。

在以下实例中,所有的p元素使用class="center"让该元素的文本居中:

实例p.center {text-al ign:center;}

类名的第一个字符不能使用数字它无法在Mozi l la或Firefox中起作用。

扩展阅读

在HTML标签中设置CSS样式时有多种CSS选择器可供选择你可以参考本站的CSS3选择器归类整理包含了CSS3中新增的选择器来了解更多有关CSS选择器的内容。

raksmart:香港机房服务器实测评数据分享,告诉你raksmart服务器怎么样

raksmart作为一家老牌美国机房总是被很多人问到raksmart香港服务器怎么样、raksmart好不好?其实,这也好理解。香港服务器离大陆最近、理论上是不需要备案的服务器里面速度最快的,被过多关注也就在情理之中了。本着为大家趟雷就是本站的光荣这一理念,拿了一台raksmart的香港独立服务器,简单做个测评,分享下实测的数据,仅供参考!官方网站:https://www.raksmart.com...

cera:秋季美国便宜VPS促销,低至24/月起,多款VPS配置,自带免费Windows

介绍:819云怎么样?819云创办于2019,由一家从2017年开始从业的idc行业商家创办,主要从事云服务器,和物理机器819云—-带来了9月最新的秋季便宜vps促销活动,一共4款便宜vps,从2~32G内存,支持Windows系统,…高速建站的美国vps位于洛杉矶cera机房,服务器接入1Gbps带宽,采用魔方管理系统,适合新手玩耍!官方网站:https://www.8...

香港CN2云服务器 1核 2G 35元/月 妮妮云

妮妮云的来历妮妮云是 789 陈总 张总 三方共同投资建立的网站 本着“良心 便宜 稳定”的初衷 为小白用户避免被坑妮妮云的市场定位妮妮云主要代理市场稳定速度的云服务器产品,避免新手购买云服务器的时候众多商家不知道如何选择,妮妮云就帮你选择好了产品,无需承担购买风险,不用担心出现被跑路 被诈骗的情况。妮妮云的售后保证妮妮云退款 通过于合作商的友好协商,云服务器提供2天内全额退款到网站余额,超过2天...

css选择器为你推荐
Dimensionfastreport2复核chrome计算机网络实验系统229.254route支持ipad支持ipadwin7关闭445端口如何快速关闭445端口fusionchartsfusioncharts怎么生成图片至excel联通iphone4北京 朝阳区 哪家联通店可以卖Iphone4的,本周周末过去买谷歌sb在谷歌里搜SB为什么结果中第一个是百度
域名注册商 老域名 金万维动态域名 美国独立服务器 日本软银 hawkhost l5639 免备案空间 轻博客 全能主机 嘟牛 电信虚拟主机 网通服务器托管 t云 paypal注册教程 银盘服务是什么 中国电信网络测速 ebay注册 cxz 湖南idc 更多