css 多個(gè)類似的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ù)，滿足客戶于互聯(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è)元素，可以通過給這個(gè)元素一個(gè)id或者是class來做，選擇同級(jí)子元素，一般設(shè)置的都是相同的css樣式，所以，在同級(jí)子元素的選取中css是通過一個(gè)','來隔開元素名，然后其他的還是一樣的書寫css樣式，請(qǐng)看代碼：

html

head

style

#div1{

width:600px;

height:40px;

font-size:13px;

}

#div1 p,span{ //通過一個(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我是測試文字/p

span我是測試文字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"菜鳥教程/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 類。

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

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

如果是對(duì)象，需要使用 key-value 對(duì)，key 為你想要添加的類名，value 是一個(gè)布爾值。只有在 value 為 true 時(shí)類才會(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)問用jquery 怎樣更改某個(gè)標(biāo)簽 的 父標(biāo)簽 的 同級(jí)標(biāo)簽 的 子標(biāo)簽的css樣式？

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

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

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

本文名稱：包含css同級(jí)樣式的詞條
網(wǎng)站鏈接：http://chinadenli.net/article17/dssphgj.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供自適應(yīng)網(wǎng)站、動(dòng)態(tài)網(wǎng)站、網(wǎng)站建設(shè)、品牌網(wǎng)站建設(shè)、網(wǎng)站策劃、微信公眾號(hào)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)