网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 生活知识 知识问答

css相邻元素选择器+号设置相同元素不同样式

时间:2026-02-15 11:14:02

1、新建HTML文件

css相邻元素选择器+号设置相同元素不同样式

2、创建h1和p是内容

css相邻元素选择器+号设置相同元素不同样式

3、预览效果如图

css相邻元素选择器+号设置相同元素不同样式

4、设置第一个p元素的样式

css相邻元素选择器+号设置相同元素不同样式

5、预览效果

css相邻元素选择器+号设置相同元素不同样式

6、设置除了第一个p元素其他元素的样式

css相邻元素选择器+号设置相同元素不同样式

7、预览效果

css相邻元素选择器+号设置相同元素不同样式

8、设置第一个p元素和其他p元素不同的样式

css相邻元素选择器+号设置相同元素不同样式

9、预览效果如图附上源码

<style>

p{color:red;}

p+p{font-weight:bold; color:#09F;}

</style>

css相邻元素选择器+号设置相同元素不同样式

© 2026 海能知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com