Maison >interface Web >tutoriel HTML >请教高手，如何对许多段落单独设置各个样式？_html/css_WEB-ITnose
请教高手，如何对许多段落单独设置各个样式？_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-24 12:21:002054parcourir
大家好，我想问下，我有一段文字，有很多
我现在对第一个
单独设置了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查看。
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：求助：网页新增声明后，不知是否和冲突，导致导航条等处无法显示中文_html/css_WEB-ITnoseArticle suivant：求帮助！！！^_^_html/css_WEB-ITnose