图老师设计创意栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享css 类选择器和id选择器的教程,热爱PS的朋友们快点看过来吧!
【 tulaoshi.com - Web开发 】
在 CSS 中,类选择器以一个点号显示:
.center {text-align: center}
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)在上面的例子中,所有拥有 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
*****************************
id 选择器
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。 id 选择器以 "#" 来定义。下面的两个 id 选择器,第一个可以定义元素的颜色为红色,第二个定义元素的颜色为绿色:
#red {color:red;} #green {color:green;}
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)下面的 HTML 代码中,id 属性为 red 的 p 元素显示为红色,而 id 属性为 green 的 p 元素显示为绿色。
p id="red"这个段落是红色。/p p id="green"这个段落是绿色。/p
注意:id 属性只能在每个 HTML 文档中出现一次。想知道原因吗,请参阅 XHTML:网站重构。
来源:http://www.tulaoshi.com/n/20160219/1621729.html
看过《css 类选择器和id选择器》的人还看了以下文章 更多>>