小編典典

代碼完成

我猜破折號是解釋為標點符號還是不透明標識符取決于選擇的編輯器。但是，根據個人喜好，我更喜歡能夠在CSS文件中的每個單詞之間切換，并且如果它們之間用下劃線分隔并且沒有停頓的話，會很煩人。

另外，使用連字符允許您利用| =屬性選擇器，該選擇器選擇包含文本的任何元素，并可以選擇后面跟一個破折號：

span[class|="em"] { font-style: italic; }

這將使以下HTML元素具有斜體字體樣式：

I'm italic

I'm italic too

算術運算符的歧義

我想說的是，通過JavaScript中的點符號訪問HTML元素是一個錯誤而不是功能。這是從可怕的JavaScript實現的早期開始就構成的可怕結構，實際上并不是一個好習慣。對于如今使用JavaScript所做的大多數事情，無論如何，您都想使用[CSS選擇器從DOM中獲取元素，這使得整個點符號變得毫無用處。您想要哪一個？

var firstName = $('#first-name');

var firstName = document.querySelector('#first-name');

var firstName = document.forms[0].first_name;

我發現前兩個選項更為可取，尤其是因為'#first-name'可以將其替換為JavaScript變量并動態構建。我還發現它們在眼睛上更令人愉快。

Sass在其對CSS的擴展中啟用算術的事實并不真正適用于CSS本身，但我確實理解(并接受)Sass遵循CSS的語言樣式($變量的前綴除外，這一事實當然應該一直@)。如果Sass文檔的外觀和感覺像CSS文檔，則它們需要遵循與CSS相同的樣式，即使用破折號作為分隔符。在CSS3中，算術僅限于該calc函數，這表明在CSS本身中，這不是問題。

與跨語言的變量命名不一致

所有語言(作為標記語言，編程語言，樣式語言或腳本語言)都有自己的樣式。您可以在XML之類的語言組的子語言中找到它，例如XSLT使用帶連字符分隔符的小寫字母，而XMLSchema使用駝峰式。

通常，您會發現，采用一種感覺和外觀對您正在編寫的語言最“原生”的樣式比嘗試將自己的樣式塞入每種不同的語言要好。由于無法避免使用本機庫和語言構造，因此無論您是否喜歡，您的樣式都會被本機樣式“污染”，因此即使嘗試也不用。

我的建議是不要在所有語言中找到喜歡的樣式，而要使自己在每種語言中都處于家中，并學會熱愛它的所有怪癖。CSS的一個怪癖是關鍵字和標識符以小寫形式并由連字符分隔。就個人而言，我覺得這在視覺上非常吸引人，并認為它與全小寫(盡管沒有連字符)的HTML都適合。

2020-05-16

總結

以上是生活随笔為你收集整理的html中属性选择器是什么,为什么在CSS选择器/ HTML属性中首选使用破折号？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。