选择器(标签选择器和类选择器)

标签选择器:

以HTML标签作为选择器:

例:

p{color:blue;}

p,h1,h2,h3,h4{font-size:30px;}

类选择器:

为HTML标签添加class属性:

例:

<h1 class="red">内容1</h1>

<p class="red">内容2</p>

通过类选择器来为具有此class属性的元素设置CSS样式:

.red{color:red;}

可对不同类型元素的同一个名称的类选择器设置不同的样式规则:

h1.red{font-size:50px;}

p.red{font-size:20px;}

同一个元素可以设置多个类,之间有空格隔开:

<p class="red fsize">内容......</p>

猜你喜欢

转载自www.cnblogs.com/hugegege/p/9447659.html