新聞中心
這篇文章主要介紹“css的類選擇器是什么”,在日常操作中,相信很多人在css的類選擇器是什么問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”css的類選擇器是什么”的疑惑有所幫助!接下來,請跟著小編一起來學(xué)習(xí)吧!
在 CSS 中,類選擇器以一個點號顯示:
.center {text-align: center}
在上面的例子中,所有擁有 center 類的 HTML 元素均為居中。
在下面的 HTML 代碼中,h2 和 p 元素都有 center 類。這意味著兩者都將遵守 ".center" 選擇器中的規(guī)則。
This heading will be center-aligned
This paragraph will also be center-aligned.
注意:類名的第一個字符不能使用數(shù)字!它無法在 Mozilla 或 Firefox 中起作用。
和 id 一樣,class 也可被用作派生選擇器:
.fancy td {color: #f60;background: #666;}
在上面這個例子中,類名為 fancy 的更大的元素內(nèi)部的表格單元都會以灰色背景顯示橙色文字。(名為 fancy 的更大的元素可能是一個表格或者一個 div)
元素也可以基于它們的類而被選擇:
td.fancy {color: #f60;background: #666;}
在上面的例子中,類名為 fancy 的表格單元將是帶有灰色背景的橙色。
你可以將類 fancy 分配給任何一個表格元素任意多的次數(shù)。那些以 fancy 標注的單元格都會是帶有灰色背景的橙色。那些沒有被分配名為 fancy 的類的單元格不會受這條規(guī)則的影響。
還有一點值得注意,class 為 fancy 的段落也不會是帶有灰色背景的橙色,當然,任何其他被標注為 fancy 的元素也不會受這條規(guī)則的影響。這都是由于我們書寫這條規(guī)則的方式,這個效果被限制于被標注為 fancy 的表格單元(即使用 td 元素來選擇 fancy 類)。
到此,關(guān)于“css的類選擇器是什么”的學(xué)習(xí)就結(jié)束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí),快去試試吧!若想繼續(xù)學(xué)習(xí)更多相關(guān)知識,請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
新聞標題:css的類選擇器是什么-創(chuàng)新互聯(lián)
網(wǎng)址分享:http://www.ef60e0e.cn/article/hhoei.html99热在线精品一区二区三区_国产伦精品一区二区三区女破破_亚洲一区二区三区无码_精品国产欧美日韩另类一区其他資訊
上思县| 阜新| 仪征市| 阜城县| 通辽市| 大宁县| 广州市| 长阳| 永新县| 乐昌市| 望江县| 二连浩特市| 岳西县| 金湖县| 无棣县| 乐业县| 清河县| 清原| 陵水| 绥江县| 镇康县| 汪清县| 自治县| 长沙县| 胶州市| 宜城市| 天气| 河间市| 徐水县| 平泉县| 清镇市| 晋江市| 磐石市| 彭山县| 西盟| 类乌齐县| 洞头县| 五莲县| 永兴县| 朝阳区| 宁河县|