学习笔记——初识css

(1)派生选择器
根据文档的上下文关系来定义样式,可以使标记更简洁
例:
使列表内的strong元素变为红色
li strong{color:red;
}

(2)类选择器
1.在css中,类选择器以一个点号显示
例:
.divclass{color:red;
}

在下面的HTML代码中,div元素含有divclass类,意味着它要准守.divclass的规则
例:
注意!!
类名的第一个字符不能使用数字!无法在firefox中起作用!

2.和id选择器一样,class也可被用作派生选择器:
.pclass a{color:red;
}

(3)id选择器

1.id选择器:id选择器可以为标有id的html元素指定的样式id选择器已‘#’来定义
2.id选择器和派生选择器:目前比较常用的方式是id选择器常常用来建立派生选择器.
3.例:
index.html代码中的p标签和div标签包含了两个id属性,值分别为pid和divid,在css文件中以#pid和#divid属性值引用
注意!!!
id属性值只能在每个html文档中出现一次!!!!

(4)属性选择器
1.对带有指定属性的html元素设置样式

例1:为带有title属性的所有元素设置样式

例2:为title="te"的所有元素设置样式

猜你喜欢

转载自blog.csdn.net/YdPro_/article/details/83501780