CSS 選取同層偶數元素,當 nth-child(even) 不起作用

在編輯網頁的時候很常會遇到這種情況,讓單數列與偶數列交錯,這次修改HTML不是我自己產生的,是由WordPress產生的,因此要透過CSS選擇器選取偶數列,將偶數的欄反轉,HTML結構大致如下,內容我省略

HTML:

CSS:

上述CSS不起作用,有點納悶查了一下,改用下列方法,就成功了

有遇到這問題的朋友可以試試看喔

[……]

閱讀更多

HTML5 a tag force download

希望強制讓使用者下載檔案,但是在a標籤將網址指向檔案,在一些常用檔案例如:jpg、png、PDF,常會被瀏覽器直接開啟,無法直接下載,比較正規的做法是在發送 headers 時做這件事,但有時我們在處理靜態網頁就可以用偷吃步,在HTML5 a 標籤中多了一個download屬性,就可以用強制檔案用下載的方式讓使用者下載a標籤連結中的檔案,但這偷吃步要小心瀏覽器相容性

點我看效果 download PNG

[……]

閱讀更多

HTML5 a Tag 直接用手機撥電話的連結

在 a 標籤中 href 屬性中,開頭加上 tel:撥打的電話號碼 ,在手機上按下此連結會呼叫手機撥號的應用程式,並把電話輸入在電話欄中,非常方便,但要注意電話號碼格式,只能輸入數字

錯誤:02-2888-8888

正確:0228888888

<a href="tel:0228888888">聯絡我們</a>

 [……]

閱讀更多

HTML5 a 標籤強制下載檔案

當a 標籤直接指向檔案時,會由瀏覽器去決定開啟方式,”給敖”的去決定下載還是開啟檔案,例如PDF,瀏覽器通常會直接開啟檔案,但有些檔案,希望User可以直接下載,在HTML5中有新的方式可以指定用下載的方式,範例於下方程式碼:

  • path_to_file 是絕對路徑或者相對路徑 。
  • file_name 下載檔案的預設名稱。

http://hant.ask.helplib.com/javascript/post_406301
https://stackoverflow.com/questions/11620698/how-to-trigger-a-file-download-when-clicking-an-html-button-or-javascript

[……]

閱讀更多