1,如果页面的颜色统一那么我们就直接可以使用下面的方式解决：指定所有的p标签字体都为红色
<style type="text/css">
p{
color: red;
}
</style>
</head>
<body>
<p >红色</p>
<p> 红色</p>
</body>
2.那么问题来了，如果不同的时候怎么办？这时候就需要使用id选择器,id 选择器以 "#" 来定义。
<style type="text/css">
#p{
color: red;
}
</style>
</head>
<body>
<p id="p"> 红色</p>
<p> 黑色</p>
</body>
3派生选择器
#sidebars a {
color: green;
}
</style>
</head>
<body>
<p id="sidebars">没效果</p>
<div id="sidebars"><a>绿色</a></div>
</body>
4.类选择器
.mystyle{
color: green;
}
</style>
</head>
<body>
<p class="mystyle">绿色</p>
<p >黑色</p>
5.属性选择器
input[type="text"]{
color: teal;
}
</style>
</head>
<body>
<input type="button" value="点击"/>
<input type="text" value="aaaa"/><!--绿色 -->
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
