实力展示淮安互联风采,创意铸就淮安互联品牌
2014-03-31
淮安互联2012优惠建站套餐

CSS中的两种选择器id和class

xiaozhu阅读次数:打印此页

如果你要在HTML元素中设置CSS样式,你需要在元素中设置"id" 和 "class"选择器。VKn淮安互联|淮安网站建设|淮安网站制作|淮安网页设计|淮安网络公司-淮安浪强网络科技有限公司

id 选择器VKn淮安互联|淮安网站建设|淮安网站制作|淮安网页设计|淮安网络公司-淮安浪强网络科技有限公司

id选择器可以为标有特定 id 的 HTML 元素指定特定的样式。VKn淮安互联|淮安网站建设|淮安网站制作|淮安网页设计|淮安网络公司-淮安浪强网络科技有限公司

HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。VKn淮安互联|淮安网站建设|淮安网站制作|淮安网页设计|淮安网络公司-淮安浪强网络科技有限公司

以下的样式规则应用于元素属性 id="para1":VKn淮安互联|淮安网站建设|淮安网站制作|淮安网页设计|淮安网络公司-淮安浪强网络科技有限公司

实例VKn淮安互联|淮安网站建设|淮安网站制作|淮安网页设计|淮安网络公司-淮安浪强网络科技有限公司

#para1VKn淮安互联|淮安网站建设|淮安网站制作|淮安网页设计|淮安网络公司-淮安浪强网络科技有限公司

{VKn淮安互联|淮安网站建设|淮安网站制作|淮安网页设计|淮安网络公司-淮安浪强网络科技有限公司

text-align:center;VKn淮安互联|淮安网站建设|淮安网站制作|淮安网页设计|淮安网络公司-淮安浪强网络科技有限公司

color:red;VKn淮安互联|淮安网站建设|淮安网站制作|淮安网页设计|淮安网络公司-淮安浪强网络科技有限公司

}VKn淮安互联|淮安网站建设|淮安网站制作|淮安网页设计|淮安网络公司-淮安浪强网络科技有限公司

ID属性不要以数字开头,数字开头的ID在 Mozilla/Firefox 浏览器中不起作用。VKn淮安互联|淮安网站建设|淮安网站制作|淮安网页设计|淮安网络公司-淮安浪强网络科技有限公司

class 选择器VKn淮安互联|淮安网站建设|淮安网站制作|淮安网页设计|淮安网络公司-淮安浪强网络科技有限公司

class 选择器用于描述一组元素的样式,class 选择器有别于id选择器,class可以在多个元素中使用。VKn淮安互联|淮安网站建设|淮安网站制作|淮安网页设计|淮安网络公司-淮安浪强网络科技有限公司

class 选择器在HTML中以class属性表示, 在 CSS 中,类选择器以一个点"."号显示:VKn淮安互联|淮安网站建设|淮安网站制作|淮安网页设计|淮安网络公司-淮安浪强网络科技有限公司

在以下的例子中,所有拥有 center 类的 HTML 元素均为居中。VKn淮安互联|淮安网站建设|淮安网站制作|淮安网页设计|淮安网络公司-淮安浪强网络科技有限公司

实例VKn淮安互联|淮安网站建设|淮安网站制作|淮安网页设计|淮安网络公司-淮安浪强网络科技有限公司

.center{text-align:center;}VKn淮安互联|淮安网站建设|淮安网站制作|淮安网页设计|淮安网络公司-淮安浪强网络科技有限公司

你也可以指定特定的HTML元素使用class。VKn淮安互联|淮安网站建设|淮安网站制作|淮安网页设计|淮安网络公司-淮安浪强网络科技有限公司

在以下实例中, 所有的 p 元素使用 class="center" 让该元素的文本居中:VKn淮安互联|淮安网站建设|淮安网站制作|淮安网页设计|淮安网络公司-淮安浪强网络科技有限公司

实例VKn淮安互联|淮安网站建设|淮安网站制作|淮安网页设计|淮安网络公司-淮安浪强网络科技有限公司

p.center{text-align:center;}VKn淮安互联|淮安网站建设|淮安网站制作|淮安网页设计|淮安网络公司-淮安浪强网络科技有限公司

类名的第一个字符不能使用数字!它无法在 Mozilla 或 Firefox 中起作用。VKn淮安互联|淮安网站建设|淮安网站制作|淮安网页设计|淮安网络公司-淮安浪强网络科技有限公司

服务导航
全国咨询电话
0517-89081577
网站建设咨询
86285230
360推广咨询
86285230
销售QQ
QQ在线咨询
扫描二维码