首页 >web前端 >html教程 >请教高手,如何对许多段落单独设置各个样式?_html/css_WEB-ITnose

请教高手,如何对许多段落单独设置各个样式?_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 12:21:002070浏览

大家好,我想问下,我有一段文字,有很多



我现在对第一个

 单独设置了class ,采用first-child 这种方法来对第一个

设置。

但是现在我想对第二个,或者剩余其他的所有段落设置样式,请问如何设置? 采用什么方法。

我想这样实现,第一个p 的样式为class1 , 其余的p 的样式全部为class2.

请问这里有人会吗?


回复讨论(解决方案)

p.className("class2");
对第一个

 单独设置了class ,采用first-child 这种方法来对第一个

那其他的 p呢?怎么设置样式?

<!doctype html><html><head><meta charset="gb2312"><title>无标题文档</title><style type="text/css">p:first-child { background-color:#CCC}p { background-color:#ABC}</style></head><body><p>1</p><p>2</p><p>3</p><p>4</p></body></html>

谢谢楼上的,我现在可能没有说清楚
是这样的

我希望第一个p,显示为

内容



其他的p 为

内容



因为我的js是用来控制文章全部显示还是只显示一部分,需要有class="p_detail"

<html><head><meta charset="gb2312"><title>无标题文档</title><style type="text/css">.p_detail { background-color:#CCC}.p_excerpt { background-color:#ABC}</style><script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script><script type="text/javascript">$(document).ready(function(e) {    $("p:first-child").addClass("p_detail")    $("p:not(:first-child)").addClass("p_excerpt")});</script></head> <body><p>1</p><p>2</p><p>3</p><p>4</p></body></html>

这样设置,运行后看源码
还是


并没有



没有

,我js就无法执行一些操作,麻烦楼上的再帮忙啊,我加分

看源码是没有的,但实际上已经有了!用firefox或chrome按F12查看。

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn