1. 前端裡面.和#區別是什麼
.是類選擇器,#是id選擇器
相同點:
在html寫的選擇器,css可以對選擇器設置樣式作用到html標簽上
在html寫的選擇器,js可以根據選擇器獲取到對應的dom
區別:
在一個html標簽上,類選擇器優先順序低於id選擇器
在html中,同樣的類選擇器可以多次使用,而id選擇器只能用於一個標簽上
2. 6.前端選擇器的優先順序
當使用不同的選擇器,選中同一個元素時並且設置相同的樣式時,這時樣式之間產生了沖突,最終到底採用哪個選擇器定義的樣式,由選擇器的優先順序(權重)決定優先順序高的優先顯示。
當選擇器中包含多種選擇器時,需要將多種選擇器的優先順序相加然後在比較,但是注意,選擇器優先順序計算不會超過他的最大的數量級,如果選擇器的優先順序一樣,則使用靠後的樣式。
div , p , #p1 , .hello{}
可以在樣式的最後,添加一個 !important ,則此時該樣式將會獲得一個最高的優先順序,將會優先於所有的樣式顯示甚至超過內聯樣式,但是在開發中盡量避免使用!important
3. 前端after選擇器在被選元素的內容後面插入內容嗎
jQuery中的afterf方法在被選元素後插入指定的內容。如:
$("div").after("<p>Hello world!</p>");
將在div標簽後面插入一段文本。
4. 前端類選擇器和id選擇器混合使用
#customers td,#customers th{}
解釋:
ID選擇器customers 的子標簽td,ID選擇器customers 的子標簽th
比如以下的布局:
<table id="customers">
<tr>
<th>標題</th>
</tr>
<tr>
<td>內容</td>
</tr>
</table>
那麼上面的標題、內容會被樣式渲染。
5. 計算機前端裡面css基本選擇器和復合選擇器區別是什麼
基本選擇器通過元素類型或class或id選擇對象;
復合選擇器通過元素類型或class或id和條件判斷選擇對象。
舉例:
<style>
div{} // 基本選擇器
.intro{} // 基本選擇器
div.intro{} // 基本選擇器
#petdog{} // 基本選擇器
p#petdog{} // 基本選擇器
div, p{} // 基本選擇器
.intro:hover{} // 復合選擇器
p + div{} // 復合選擇器
a[target]{} // 復合選擇器
</style>
<body>
<p class="intro"></p>
<div id="petdog"></div>
<a target="_blank" />
</body>
實際使用沒有本質差別,只是所屬分類不同。
了解選擇器可以參考CSS 選擇器參考手冊 (w3school.com.cn)
6. web前端裡面什麼是父級選擇器什麼是子級選擇器
沒聽說過父級選擇器,但是子級選擇器我還是知道的,就是一個>號,比如說有個div包含了三個div。包含div的這個div的類名假設是father然後被包含的這三個div的類名是son,如果您想選擇這三個div你可能直接 .son,但是你要是指定必須是father下面的div的話你就會用到了子代選擇器這樣寫, .father > .son