选择器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选择器的内容。

瓜云互联:全场9折优惠,香港CN2、洛杉矶GIA高防vps套餐,充值最高返300元

瓜云互联怎么样?瓜云互联之前商家使用的面板为WHMCS,目前商家已经正式更换到了魔方云的面板,瓜云互联商家主要提供中国香港和美国洛杉矶机房的套餐,香港采用CN2线路直连大陆,洛杉矶为高防vps套餐,三网回程CN2 GIA,提供超高的DDOS防御,瓜云互联商家承诺打死退款,目前商家提供了一个全场9折和充值的促销,有需要的朋友可以看看。点击进入:瓜云互联官方网站瓜云互联促销优惠:9折优惠码:联系在线客...

RAKsmart 黑色星期五云服务器七折优惠 站群服务器首月半价

一年一度的黑色星期五和网络星期一活动陆续到来,看到各大服务商都有发布促销活动。同时RAKsmart商家我们也是比较熟悉的,这次是继双十一活动之后的促销活动。在活动产品中基本上沿袭双11的活动策略,比如有提供云服务器七折优惠,站群服务器首月半价、还有新人赠送红包等活动。如果我们有需要RAKsmart商家VPS、云服务器、独立服务器等产品的可以看看他们家的活动。这次活动截止到11月30日。第一、限时限...

HostDare($33.79/年)CKVM和QKVM套餐 可选CN2 GIA线路

关于HostDare服务商在之前的文章中有介绍过几次,算是比较老牌的服务商,但是商家背景财力不是特别雄厚,算是比较小众的个人服务商。目前主流提供CKVM和QKVM套餐。前者是电信CN2 GIA,不过库存储备也不是很足,这不九月份发布新的补货库存活动,有提供九折优惠CN2 GIA,以及六五折优惠QKVM普通线路方案。这次活动截止到9月30日,不清楚商家这次库存补货多少。比如 QKVM基础的五个方案都...

css选择器为你推荐
深圳市富满电子集团股份有限公司重庆网通重庆网通上网资费目前是多少? 小区宽带接入类型的css3圆角用CSS3怎么实现圆角边框?重庆宽带测速重庆联通宽带测速的网址是好多呢?勒索病毒win7补丁我的电脑是windows7系统,为什么打不了针对勒索病毒的补丁(杀毒软件显勒索病毒win7补丁怎么删除 防勒索病毒 打的补丁win10关闭445端口如何进入注册表修改关闭445端口127.0.0.1127.0.0.1打不开重庆电信网速测试如何测量网速csshack关于CSS hack的写法
windows虚拟主机 网通服务器租用 域名备案流程 免费域名解析 smartvps namecheap 美国主机论坛 美国便宜货网站 nerd sockscap 英语简历模板word 12306抢票助手 中国特价网 165邮箱 韩国名字大全 域名和空间 360云服务 申请网站 海外空间 主机管理系统 更多