正文
包含css同级样式的词条
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
css 多个类似的class名 怎么使用一个css样式
方法1：用css的属性选择器。
div[class^="aa"] {
background-color:#d6d6d6;
height: 50px;
}
div class="aa1"1/div
div class="aa2"2/div
div class="aa3"3/div
方法2：用空格分隔多个class
.aa {
background-color:#d6d6d6;
height: 50px;
}
div class="aa aa1"1/div
div class="aa aa2"2/div
div class="aa aa3"3/div
相关问答
Q1: CSS:如何选择一个元素下的两种同级子元素？
css选择一个元素下的2中同级元素，我们首先还是需要获取到这个元素，可以通过给这个元素一个id或者是class来做，选择同级子元素，一般设置的都是相同的css样式，所以，在同级子元素的选取中css是通过一个','来隔开元素名，然后其他的还是一样的书写css样式，请看代码：
html
head
style
#div1{
width:600px;
height:40px;
font-size:13px;
}
#div1 p,span{ //通过一个‘,’实现对2个同级子元素的选取
display:block;
width:300px;
height:30px;
text-align:center;
margin:0 auto;
}
/head
body
div id='div1'
p我是测试文字/p
span我是测试文字1/span
/div
/body
/html
Q2: jquery 获取 父级的同级下面的子标签的css样式
jquery中css() 方法可以设置或返回被选元素的一个或多个样式属性，下面的例子将返回首个匹配元素的 background-color 值：
$("p").css("background-color");
父级的同级元素的子标签的css样式如下：
//eq(0)表示选择匹配到多个元素中的第一个
$("target").parent().siblings().eq(0).children().eq(0)
Q3: angularjs怎样修改同级元素的css样式
一般常用的两种是ng-style跟ng-class
1、ng-style
ng-style 指令为 HTML 元素添加 style 属性。
ng-style 属性值必须是对象，表达式返回的也是对象。
对象由 CSS 属性和值组成，即 key=value 对。
例如：
body ng-app="myApp" ng-controller="myCtrl"
h1 ng-style="myObj"菜鸟教程/h1
script
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
$scope.myObj = {
"color" : "white",
"background-color" : "coral",
"font-size" : "60px",
"padding" : "50px"
}
});
/script
/body
2、ng-class
ng-class 指令用于给 HTML 元素动态绑定一个或多个 CSS 类。
ng-class 指令的值可以是字符串，对象，或一个数组。
如果是字符串，多个类名使用空格分隔。
如果是对象，需要使用 key-value 对，key 为你想要添加的类名，value 是一个布尔值。只有在 value 为 true 时类才会被添加。
如果是数组，可以由字符串或对象组合组成，数组的元素可以是字符串或对象。
例如：
select ng-model="home"
option value="sky"Sky/option
option value="tomato"Tomato/option
/select
div ng-class="home"
h1Welcome Home!/h1
pI like it!/p
/div
Q4: 请问用jquery 怎样更改某个标签 的 父标签 的 同级标签 的 子标签的css样式？
都知道要获取父级了，查看下手册就能找到你需要的答案了。
$(this).parent('.c').siblings('.b').find('.bb').addClass('.bba');
说明一下：parent是获取父级，siglings是获取同级，find是获取子级当然也可以用child
