您的位置：首页 > Web前端 > CSS

Css的学习之旅-css的选择器（2）

2015-09-25 10:48 459 查看

1.最常用的是派生选择器：eg：ul li{ color：red}

2.id选择器：eg：#id{color：red}

3.类选择器：设置标签的class = “”，类似id。用点来表示eg：.class{color:red} ，id和类选择器都可以和派生选择器嵌套

!!!!!嵌套代码实例

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Html5样式</title>
<link href="MyCss.css" type="text/css" rel="stylesheet">
</head>
<body>
<div class="divv">
这是一个div<p>hello</p>
</div>
</body>
</html>


ccs的代码

.divv p{
color:red;
}


4.属性选择器：1.对带有指定属性的html元素设定，2.对属性和值得选择器

！！！！实例代码

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Html5样式</title>
<style type="text/css">
[title]{
color:darkred;
}
[title = te]{
color:chartreuse;
}
</style>
</head>
<body>
<p title="t">属性选择器</p>
<p title="te">属性和值得选择器</p>
</body>
</html>


！！效果图

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航