css设置子元素样式,css 选择子元素

js 或者css 怎么给某元素的子元素前几项单独加样式?

用jQuery即可。

$(".abc span").get(0).css("样式属性","样式值"); // get(0)表示第1个元素，依此类推

// 可以根据实际需要用for循环做一下。

相关问答

Q1: 怎么让一个元素的所有子元素集成它的CSS类样式?

用jQuery来获取A里面的子元素给他添加一个class类名。

让子元素高度撑满父元素高度方法：

首先不要为了加个分隔线，就增加无意义的标签。可以使用 css3 选择器、伪元素等。

例如下图：

其次，这种 row col 的方式不指定高度的，经常两个挨着的 col 高度不一样，

因此分割线没有意义，要固定他们的高度。

row col 更多的是用来布局的，这里的需求用 ul li 就行了。

Q2: css的hover用法

元素添加hover伪类选择器时候一定要 紧贴 这hover， 不能有空格 ，有空格的话表示给该元素的所有子元素设置里hover样式。

错误例子：

ul :hover{} //ul的所有子元素设置了hover样式

正确例子：

ul:hover{} //ul会显示出想要的效果

ul:hover .one{ // 子元素写在hover后面空格隔开

              transform:rotateY(90deg);

          }

 ul:hover .two{

              transform:rotateY(0deg);

          }

ul:hover .thr{

              transform:rotateY(360deg);

          }

仅可以给自身的子元素设置样式 ，给其他元素子元素设置无效

接着上个例子举例子：

div:hover .one{}//不显示任何效果，hover失效

给兄弟元素设置：

ul:hover+.one

Q3: CSS父元素的子元素样式控制另一子元素怎么实现？

你说讲的这应该是同级兄弟元素之间的CSS控制。

话说有一种选择器就叫兄弟元素选择器，分为临近兄弟和普通兄弟。

临近兄弟：用 ＋ 表示，只匹配该元素后边的第一个同级元素。

普通兄弟：用 ～ 表示，匹配该元素后边的所有同级元素。

给个例子：

style

div#aa { }

div#aa p { font-size: 14px; color: #000; }

div#aa p.on { color: #f00; }

div#aa p.on ~ span { color: #00f; }

div#aa p.on + span { color: #0f0; font-weight: bold; }

/style

div id="aa"

p class="on"sdf/p

spansdf/span

spansdf/span

/div

当把p的class设为on的时候，span的样式也跟着改变。

不知道这么说清楚没有。

另外这种方式IE6是不支持的。慎用吧。

Q4: css 如何根据 当前元素的子元素是 来 设置当前元素样式?

这个得用js来实现，楼上一些人可能没看清楼主说的，

楼主是说判断，如果p的子元素是a，那么设置red,而不是只设置p

css不能又判断，但是css中可以加入js, 但是这样影响加载，

结果只能是js来运行

Q5: 在css中为什么为什么我只给父级元素body设置outline的样式时，他的子元素p却并没有继承他的outline样式？

其实在这两种方式下，p都继承了body的outline样式，只不过当body没有设置border时，p的outline就跟body的outline重叠了，看上去就感觉p没有outline一样。你只要多放几个p（或者在p的前面加一些其他元素），就能发现其中奥妙了。