1.选择p标签中的第一个字符
p:first-letter{
color:red;
font-size:25px;
}
2.选择p标签中的第一行
p:first-line{
color:red;
font-size:25px;
}
3.在p的前面和后面添加伪类
p:before/after{
content:"‘；
设置属性样式
}
4.设置input在得到焦点、可以被修改、不能被修改、选中时的样式
input:focus/enabled/disabled/cheked{
background:orange;
}
5.选择parent中第一个p标签
#parent p :first-of-type{
设置样式
}
6.选择是独生子的p标签（没有任何兄弟标签）
#parent p:only-child{
设置样式
}
7.选中div的第二个元素，且第二个元素是p元素（如果不符合要求，不能被选中）
div p:nth-child{
}
8.选择div中第n个p元素
div p:nth-of-type(n){
}
9.选择第一个和最后一个元素，且他们是p标签
div p:first/last-child{
}
时间： 2024-12-21 19:25:43