CSS基础(四)-- CSS选择器之标签选择器
随笔记录方便自己和同路人查阅,学习CSS时最好先学会HTML。
#------------------------------------------------我是可耻的分割线-------------------------------------------
标签选择器是设定一种格式,只要是和指定的标签相同,就使用该格式div{},该方法常用
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div{ background-color:black; color:white; } </style> </head> <body> <div class="c1">.c1 <div >嵌套标签div</div> <spam>嵌套标签spam</spam> #div标签内数据也会被表颜色 </div> <span class="c1">spamm</span> <div class="c1">.c2</div> </body> </html>
效果:
当然有时候我们不希望所有的div标签都是一样的格式,怎么办呢,可以这样写span div{},表示只有span标签下的div标签应用该格式
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div{ background-color:black; color:white; } span div{ background-color:red; color:black; } </style> </head> <body> <div class="c1">不一样标签</div> <span class="c1">spamm <div class="c2">嵌套</div> </span> </body> </html>
效果: