示例示例css三个点:伪类选择器:伪类选择器可以帮助我们在不同状态下对元素进行样式设置,比如链接的hover、active等状态。
css三个点:
1. 伪类选择器:伪类选择器可以帮助我们在不同状态下对元素进行样式设置,比如链接的hover、active等状态。
代码示例:
a:link {
color: #FF0000;
}
a:visited {
color: #00FF00;
}
a:hover {
color: #FF00FF;
}
a:active {
color: #0000FF;
}
2. 属性选择器:属性选择器可以帮助我们根据元素的属性值来设置样式,比如input的type属性等。
代码示例:
input[type="text"] {
background-color: #FFFFFF;
}
input[type="password"] {
background-color: #CCCCCC;
}
3. 伪元素选择器:伪元素选择器可以帮助我们对元素的一些特殊部分进行样式设置,比如first-line、first-letter等。
代码示例:
p::first-line {
font-weight: bold;
color: #FF0000;
}
h1::first-letter {
font-size: 200%;
color: #00FF00;
}
本站系公益性非盈利分享网址,本文来自用户投稿,不代表边看边学立场,如若转载,请注明出处
评论列表(64条)