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

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

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)！專注于網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、小程序制作、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了漣水免費(fèi)建站歡迎大家使用！

html

head

style

#div1{

width:600px;

height:40px;

font-size:13px;

}

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

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 獲取 父級的同級下面的子標(biāo)簽的css樣式

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

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

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

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

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

css怎么實(shí)現(xiàn)相對同級元素定位

你可以讓span相對于div來定位啊，這樣就不用管input的長度和位置了。當(dāng)然，input也要通過設(shè)置text-indent來給span騰出位置。下面是個(gè)簡單的實(shí)現(xiàn)例子（為了方便，我用了內(nèi)聯(lián)的css，你可以改成外聯(lián)的）：

div?style="position:relative"input?type="text"?id="xj_zhanghao"?class="xj_text"?maxlength="16"?style="text-indent:20px"?placeholder="賬號"?onKeyUp="xjzhltishi()"?onFocus="qcxjtishi()"/span?id="xjzhtishi"?style="position:absolute;?left:3px;?top:3px;?width:14px;?padding:1px;?line-height:1;?text-align:center;?background-color:red;?color:white;?font-size:11px;?border-radius:2px"99/span/div

如何用CSS來響應(yīng)同級DIV的前一個(gè)元素？

b這一類的元素都是a的同級元素并且是a元素之后的就可以a:hover~b{....}

完美解決 ，經(jīng)測試！

附上我自己的代碼：

ul?li?a?img:hover?~h3?{

padding-bottom:?10px;

color:?#25AAFF!important;

border-bottom:?2px?solid?#25AAFF;

}

angularjs怎樣修改同級元素的css樣式

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

1、ng-style

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

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

對象由 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 元素動態(tài)綁定一個(gè)或多個(gè) CSS 類。

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

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

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

如果是數(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

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

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、品牌網(wǎng)站建設(shè)、標(biāo)簽優(yōu)化、用戶體驗(yàn)、品牌網(wǎng)站設(shè)計(jì)、定制開發(fā)

廣告

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