css 多個(gè)類(lèi)似的class名 怎么使用一個(gè)css樣式

方法1：用css的屬性選擇器。

創(chuàng)新互聯(lián)公司堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：網(wǎng)站制作、成都做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿(mǎn)足客戶(hù)于互聯(lián)網(wǎng)時(shí)代的集賢網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

div[class^="aa"]?{

background-color:#d6d6d6;

height:?50px;

}

div?class="aa1"1/div

div?class="aa2"2/div

div?class="aa3"3/div

方法2：用空格分隔多個(gè)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

CSS:如何選擇一個(gè)元素下的兩種同級(jí)子元素？

css選擇一個(gè)元素下的2中同級(jí)元素，我們首先還是需要獲取到這個(gè)元素，可以通過(guò)給這個(gè)元素一個(gè)id或者是class來(lái)做，選擇同級(jí)子元素，一般設(shè)置的都是相同的css樣式，所以，在同級(jí)子元素的選取中css是通過(guò)一個(gè)','來(lái)隔開(kāi)元素名，然后其他的還是一樣的書(shū)寫(xiě)css樣式，請(qǐng)看代碼：

html

head

style

#div1{

width:600px;

height:40px;

font-size:13px;

}

#div1 p,span{ //通過(guò)一個(gè)‘,’實(shí)現(xiàn)對(duì)2個(gè)同級(jí)子元素的選取

display:block;

width:300px;

height:30px;

text-align:center;

margin:0 auto;

}

/head

body

div id='div1'

p我是測(cè)試文字/p

span我是測(cè)試文字1/span

/div

/body

/html

jquery 獲取 父級(jí)的同級(jí)下面的子標(biāo)簽的css樣式

jquery中css() 方法可以設(shè)置或返回被選元素的一個(gè)或多個(gè)樣式屬性，下面的例子將返回首個(gè)匹配元素的 background-color 值：

$("p").css("background-color");

父級(jí)的同級(jí)元素的子標(biāo)簽的css樣式如下：

//eq(0)表示選擇匹配到多個(gè)元素中的第一個(gè)

$("target").parent().siblings().eq(0).children().eq(0)

angularjs怎樣修改同級(jí)元素的css樣式

一般常用的兩種是ng-style跟ng-class

1、ng-style

ng-style?指令為 HTML 元素添加 style 屬性。

ng-style?屬性值必須是對(duì)象，表達(dá)式返回的也是對(duì)象。

對(duì)象由 CSS 屬性和值組成，即 key=value 對(duì)。

例如：

body?ng-app="myApp"?ng-controller="myCtrl"

h1?ng-style="myObj"菜鳥(niǎo)教程/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 元素動(dòng)態(tài)綁定一個(gè)或多個(gè) CSS 類(lèi)。

ng-class?指令的值可以是字符串，對(duì)象，或一個(gè)數(shù)組。

如果是字符串，多個(gè)類(lèi)名使用空格分隔。

如果是對(duì)象，需要使用 key-value 對(duì)，key 為你想要添加的類(lèi)名，value 是一個(gè)布爾值。只有在 value 為 true 時(shí)類(lèi)才會(huì)被添加。

如果是數(shù)組，可以由字符串或?qū)ο蠼M合組成，數(shù)組的元素可以是字符串或?qū)ο蟆?/p>

例如：

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

請(qǐng)問(wèn)用jquery 怎樣更改某個(gè)標(biāo)簽 的 父標(biāo)簽 的 同級(jí)標(biāo)簽 的 子標(biāo)簽的css樣式？

都知道要獲取父級(jí)了，查看下手冊(cè)就能找到你需要的答案了。

$(this).parent('.c').siblings('.b').find('.bb').addClass('.bba');

說(shuō)明一下：parent是獲取父級(jí)，siglings是獲取同級(jí)，find是獲取子級(jí)當(dāng)然也可以用child