前端一HTML:十:选择器
生活随笔
收集整理的這篇文章主要介紹了
前端一HTML:十:选择器
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1. 標簽選擇器: 根據指定的標簽名給對應標簽的元素設置屬性.
<style type="text/css">標簽名{屬性名1 : 屬性值1屬性名2 : 屬性值2...} </style>2. 類(class)選擇器:根據類名給對應標簽設置樣式。
<style type="text/css">.類名{ /* 類名前面的點不能少 */屬性名1 : 屬性值1屬性名2 : 屬性值2...} </style>每個標簽都可以設置一個class屬性, class屬性對應的屬性值就是類名。
<!doctype html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title><style type="text/css">.xyj{ /* xyj前面必須要有一個"." */color:red;}.sgyy{font-style: italic;color: blue;}</style> </head> <body><p class="xyj">西游記</p> <p class="sgyy">三國演義</p><p>紅樓夢</p><p>水滸傳</p> </body> </html>3： id選擇器，根據id名來給對應的標簽設置樣式
<style type="text/css">#id名{ /* id名前面的#不能少 */屬性名1 : 屬性值1屬性名2 : 屬性值2...} </style> <!doctype html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title><style type="text/css">#xyj{ /* xyj前面必須要有一個"#" */color:red;}#sgyy{font-style: italic;color: blue;}</style> </head> <body><p id="xyj">西游記</p> <p id="sgyy">三國演義</p><p>紅樓夢</p><p>水滸傳</p> </body> </html>?
注意點:?
? id名類似于人的身份證號碼，不可以重復。?
? 類名類似于人的名字，可以重復。
? 因此，一般情況下，一個類名可以被多個標簽使用。 一個id名只能被一個標簽使用。
??一個標簽只能有一個id，但一個標簽可以有多個類名。
<!doctype html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title><style type="text/css">.xyj{color:red;font-style: italic;}.sgyy{color: blue;}</style> </head> <body><p class="xyj">西游記</p> <p class="sgyy xyj">三國演義</p><p>紅樓夢</p><p>水滸傳</p> </body> </html>?
總結
以上是生活随笔為你收集整理的前端一HTML:十:选择器的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： spring三: 装配bean( 在xm
- 下一篇： python五十五:__getattri