當前位置:首頁 » 網頁前端 » 手機前端選擇器
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

手機前端選擇器

發布時間: 2023-01-02 11:05:36

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