CSS_class标签
生活随笔
收集整理的這篇文章主要介紹了
CSS_class标签
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
看《CSS權威指南》
class標簽的運用———class含有多個詞語?
下面幾個例子可以更好的了解class標簽
例子1
<!doctype html> <html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus?"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Description" content=""><title>Document</title><style type="text/css">.one{color:red;}</style></head><body><h1 class="one">標簽1</h1><h2 class="two">標簽2</h2><h3 class="one two">標簽3</h3></body> </html>講道理這里只讓標簽1為紅色，但是實際結果是標簽1，標簽3都變成了紅色
例子2
.one.two{color:red;}兩個標簽直接連著寫，沒有空格
有空格
中間用逗號相連
例子3：
.one{color:red;}.two{color:blue;}可以理解為就近原則生效
.one{color:red;}.two{color:blue;}.one.two{color:green;}emmm....突然想到如果直接命令one two標簽會怎么樣
/*.one{color:red;}.two{color:blue；}*/.one two{color:green;}什么標簽都沒無效了，所以class標簽里用空格要小心阿喂
返回繼續例子：
.one{color:red;}.two{background-color:yellow;}.one.two{font-style:italic;} .one{color:red;}.two{background-color:yellow;}.two.one{font-style:italic;}效果和上一個例子一樣
總結
以上是生活随笔為你收集整理的CSS_class标签的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： python单元测试的应用_单元测试py
- 下一篇： CSS 标签左右分布的多种方法