用jQuery即可。
创新互联建站是一家集成都网站设计、成都网站制作、网站页面设计、网站优化SEO优化为一体的专业网站制作公司，已为成都等多地近百家企业提供网站建设服务。追求良好的浏览体验,以探求精品塑造与理念升华,设计最适合用户的网站页面。 合作只是第一步，服务才是根本,我们始终坚持讲诚信，负责任的原则，为您进行细心、贴心、认真的服务,与众多客户在蓬勃发展的市场环境中,互促共生。
$(".abc span").get(0).css("样式属性","样式值"); // get(0)表示第1个元素，依此类推
// 可以根据实际需要用for循环做一下。
用jQuery来获取A里面的子元素给他添加一个class类名。
让子元素高度撑满父元素高度方法：
首先不要为了加个分隔线，就增加无意义的标签。可以使用 css3 选择器、伪元素等。
例如下图：
其次，这种 row col 的方式不指定高度的，经常两个挨着的 col 高度不一样，
因此分割线没有意义，要固定他们的高度。
row col 更多的是用来布局的，这里的需求用 ul li 就行了。
元素添加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
你说讲的这应该是同级兄弟元素之间的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是不支持的。慎用吧。
这个得用js来实现，楼上一些人可能没看清楼主说的，
楼主是说判断，如果p的子元素是a，那么设置red,而不是只设置p
css不能又判断，但是css中可以加入js, 但是这样影响加载，
结果只能是js来运行
其实在这两种方式下，p都继承了body的outline样式，只不过当body没有设置border时，p的outline就跟body的outline重叠了，看上去就感觉p没有outline一样。你只要多放几个p（或者在p的前面加一些其他元素），就能发现其中奥妙了。