随笔记录方便自己和同路人查阅，学习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>
效果：
