css選擇器類型及權(quán)重,四路選擇器功能表?
四路選擇器簡(jiǎn)介:要使用css對(duì)HTML頁(yè)面中的元素實(shí)現(xiàn)一對(duì)一,一對(duì)多或者多對(duì)一的控制,這就需要用到CSS選擇器。
HTML頁(yè)面中的元素就是通過(guò)CSS選擇器進(jìn)行控制的。
1.1 類別選擇器
類選擇器根據(jù)類名來(lái)選擇
前面以”.”來(lái)標(biāo)志,如:
.demoDiv{
color:#FF0000;
}
在HTML中,元素可以定義一個(gè)class的屬性。
如:
<div class="demoDiv">
這個(gè)區(qū)域字體顏色為紅色
</div>
同時(shí),我們可以再定義一個(gè)元素:
<p class="demoDiv">
這個(gè)段落字體顏色為紅色
</p>
最后,用瀏覽器瀏覽,我們可以發(fā)現(xiàn)所有class為demoDiv的元素都應(yīng)用了這個(gè)樣式。包括了頁(yè)面中的div元素和p元素。
上例我們給兩個(gè)元素都定義了class,但如果有很多個(gè)元素都會(huì)應(yīng)用這個(gè)元素,那得一個(gè)個(gè)的定義元素,就會(huì)造成頁(yè)面重復(fù)的代碼太多,這種現(xiàn)象稱為“多類癥”。
我們可以改成這樣來(lái)定義。
<div class="demoDiv">
<div>
這個(gè)區(qū)域字體顏色為紅色
</div>
同時(shí),我們可以再定義一個(gè)元素:
<p>
這個(gè)段落字體顏色為紅色
</p>
</div>
這樣,我們就只是定義了一個(gè)類,同時(shí)把樣式應(yīng)用到了所有的元素當(dāng)中。
1.2 標(biāo)簽選擇器
一個(gè)完整的HTML頁(yè)面是有很多不同的標(biāo)簽組成,而標(biāo)簽選擇器,則是決定哪些標(biāo)簽
采用相應(yīng)的CSS樣式,(在大環(huán)境中你可能出于不同的位置,但是不管怎么樣,你總
是穿著同一套衣服,這件衣服就是由標(biāo)簽選擇器事先給你限定好的,不管走到哪里
都是這身衣服)比如,在style.css文件中對(duì)p標(biāo)簽樣式的聲明如下:
p{
font-size:12px;
background:#900;
color:090;
}
復(fù)制代碼則頁(yè)面中所有p標(biāo)簽的背景都是#900(紅色),文字大小均是12px,顏色為#090(綠色)
,這在后期維護(hù)中,如果想改變整個(gè)網(wǎng)站中p標(biāo)簽背景的顏色,只需要修改
background屬性就可以了,就這么容易!
1.3 ID選擇器
根據(jù)元素ID來(lái)選擇元素,具有唯一性。
前面以”#”號(hào)來(lái)標(biāo)志,在樣式里面可以這樣定義:
#demoDiv{
color:#FF0000;
}
這里代表id為demoDiv的元素的設(shè)置它的字體顏色為紅色。
我們?cè)陧?yè)面上定義一個(gè)元素把它的ID定義為demoDiv,如:
<div id="demoDiv">
這個(gè)區(qū)域字體顏色為紅色
</div>
用瀏覽器瀏覽,我們可以看到因?yàn)閰^(qū)域內(nèi)的顏色變成了紅色
再定義一個(gè)區(qū)域
<div>
這個(gè)區(qū)域沒(méi)有定義顏色
</div>
用瀏覽器瀏覽,與預(yù)期的一樣,區(qū)域沒(méi)有應(yīng)用樣式,所以區(qū)域中的字體顏色還是默認(rèn)的顏色黑色。
1.4 后代選擇器
后代選擇器也稱為包含選擇器,用來(lái)選擇特定元素或元素組的后代,后代選擇器用兩個(gè)常用選擇器,中間加一個(gè)空格表示。其中前面的常用選擇器選擇父元素,后面的常用選擇器選擇子元素,樣式最終會(huì)應(yīng)用于子元素中。
如:
<style>
.father.child{
color:#0000CC;
}
</style>
<p class="father">
黑色
<label class="child">藍(lán)色
<b>也是藍(lán)色</b>
</label>
</p>
這里我們定義了所有class屬性為father的元素下面的class屬性為child的顏色為藍(lán)色。
后代選擇器是一種很有用的選擇器,使用后代選擇器可以更加精確的定位元素。
智能感知的意義?
智能制造經(jīng)常提的那一套說(shuō)法,第一步就是智能感知。這個(gè)東西說(shuō)多了,有時(shí)候就容易忽視其中內(nèi)在的本意,所以說(shuō),想細(xì)究智能感知這個(gè)事情。
(1)感知的核心是對(duì)生產(chǎn)異常或問(wèn)題的感知
制造運(yùn)行是一個(gè)系統(tǒng)性關(guān)聯(lián)的運(yùn)行,一般意義上來(lái)說(shuō),很難說(shuō)制造系統(tǒng)運(yùn)行能夠按照我們預(yù)定的方式持續(xù)穩(wěn)定的完成運(yùn)行,其中必然會(huì)出現(xiàn)各種各樣的突發(fā)事件或者生產(chǎn)擾動(dòng)。所以我感覺(jué)所謂的感知,很大程度上是對(duì)生產(chǎn)異常的感知。
(2)智能性主要體現(xiàn)在時(shí)間和關(guān)聯(lián)兩個(gè)維度
如果等到生產(chǎn)異常發(fā)生了,制造系統(tǒng)感知到這種異常,其實(shí)這是一種事后的。在這種情況下,我們一般按照一個(gè)既定的流程進(jìn)行處理,其實(shí)就可以,這個(gè)其實(shí)稱不上什么智能的。因此,從時(shí)間維度上面來(lái)說(shuō),智能感知的智能性應(yīng)該體現(xiàn)在事先。
從制造運(yùn)行各個(gè)環(huán)節(jié)所產(chǎn)生的這種狀態(tài)。一般來(lái)說(shuō)都是相對(duì)孤立的,或者說(shuō)我們是一個(gè)一個(gè)上來(lái)的。但是由于制造系統(tǒng)的運(yùn)行是屬于關(guān)聯(lián)性比較強(qiáng)的那種方式,因此這些獨(dú)立環(huán)節(jié)之間的狀態(tài)關(guān)聯(lián),綜合起來(lái)對(duì)于制造系統(tǒng)運(yùn)行可能會(huì)產(chǎn)生影響。因此,相對(duì)于單一環(huán)節(jié)單一狀態(tài)的顯式感知,這種多環(huán)節(jié)多狀態(tài)關(guān)聯(lián)的隱式感知是智能性的集中體現(xiàn)。
(3)智能感知需要系統(tǒng)性的思維
一般來(lái)說(shuō)我們做事情都是希望這個(gè)事情在自己的一個(gè)嚴(yán)謹(jǐn)嚴(yán)密的體系下面,也就是說(shuō)是希望能夠預(yù)先知道要感知哪些東西。雖然現(xiàn)在有所謂的大數(shù)據(jù)分析,能夠發(fā)現(xiàn)一些之前難以明顯感知到的那種規(guī)律或者規(guī)則,但這個(gè)畢竟可操作性不強(qiáng)。我認(rèn)為這個(gè)方面的系統(tǒng)性思維主要體現(xiàn)為可靠性制造運(yùn)行整體思維。
應(yīng)該立足于形成制造系統(tǒng)運(yùn)行的可靠性思維,建立業(yè)務(wù)運(yùn)行的關(guān)聯(lián)因素圖譜,可以采用各種現(xiàn)成的分析工具,甚至可靠性工程中那種FMEA、故障分析樹(shù)及其求解方法(例如求解最小割集等),都可以拿來(lái)用。
css選擇器項(xiàng)目符號(hào)圖像是什么?
css樣式屬性list-style-image :設(shè)定列表項(xiàng)目符號(hào)的自定義圖像。其值是一個(gè)引用圖像的URL路徑。
url ( url ) —— 使用絕對(duì)或相對(duì) url 地址指定圖像。
標(biāo)簽選擇器有哪些?
1. 標(biāo)簽名選擇器 div { color:Red;} /即頁(yè)面中的各個(gè)標(biāo)簽名的css樣式
2.類選擇器 .divClass {color:Red;} /即定義的每個(gè)標(biāo)簽的class 中的css樣式
3.ID選擇器 #myDiv {color:Red;} /即頁(yè)面中的標(biāo)簽的id
4.后代選擇器(類選擇器的后代選擇器) .divClass span { color:Red;} /即多個(gè)選擇器以逗號(hào)的格式分隔 命名找到準(zhǔn)確的標(biāo)簽
5.群組選擇器 div,span,img {color:Red} /即具有相同樣式的標(biāo)簽分組顯示