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

10gbiz:香港/洛杉矶CN2直连线路VPS四折优惠,直连香港/香港/洛杉矶CN2四折

10gbiz怎么样?10gbiz在本站也多次分享过,是一家成立于2020的国人主机商家,主要销售VPS和独立服务器,机房目前有中国香港和美国洛杉矶、硅谷等地,线路都非常不错,香港为三网直连,电信走CN2,洛杉矶线路为三网回程CN2 GIA,10gbiz商家七月连续推出各种优惠活动,除了延续之前的VPS产品4折优惠,目前增加了美国硅谷独立服务器首月半价的活动,有需要的朋友可以看看。10gbiz优惠码...

RackNerd提供四款高配美国服务器促销活动低至月$189

RackNerd 商家给的感觉就是一直蹭节日热点,然后时不时通过修改配置结构不断的提供低价年付的VPS主机,不过他们家还是在做事的,这么两年多的发展,居然已经有新增至十几个数据中心,而且产品线发展也是比较丰富。比如也有独立服务器业务,不过在他们轮番的低价年付VPS主机活动下,他们的服务器估摸着销路不是太好的。这里,今天有看到RackNerd商家的独立服务器业务有促销。这次提供美国多个机房的高配独立...

RAKsmart 2021新年新增韩国服务器及香港美国日本VPS半价

RAKsmart 商家我们肯定不算陌生,目前主要的营销客户群肯定是我们。于是在去年的时候有新增很多很多的机房,比如也有测试过的日本、香港、美国机房,这不今年有新增韩国机房(记得去年是不是也有增加过)。且如果没有记错的话,之前VPS主机也有一次磁盘故障的问题。 这不今天有看到商家新增韩国服务器产品,当然目前我还不清楚商家韩国服务器的线路和速度情况,后面我搞一台测试机进行...

css选择器为你推荐
glucanotransferasechrome曲目itunescourses163清华大学经济管理学院支持ipad城乡居民社会养老保险人脸识别生存认证tracerouteTRACEROUTE的作用是什么127.0.0.1为什么输入127.0.0.1无法打开页面谷歌sb为什么搜索SB第一个是google?csshackcss中 *bottom是什么意思?
已备案域名查询 老域名失效请用户记下 什么是域名地址 smartvps 电影服务器 koss 免费ftp空间 dropbox网盘 hnyd 本网站在美国维护 帽子云 如何用qq邮箱发邮件 银盘服务是什么 789 阿里云邮箱登陆地址 SmartAXMT800 accountsuspended 时间服务器 web服务器 认证机构 更多