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

2025-05-15 04:50:13

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相邻元素选择器+号设置相同元素不同样式
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢