元素选择器
“元素选择器”，其实就是找出你想改样式的那部分，接着给它换个颜儿。比方说，你想让每个句子都变红，那就用这种办法搞定！注意，输标签名时记得打个空格，不然电脑可会犯糊涂。对，给东西起大名得留点余地！
类选择器
嘿哟嘻带小点儿（.）的类选器可是个飞驰的火车呐！只要名字里有’class’,它们统统无处可藏，让你随心所欲地改变样式~例如，想要把所有叫’box’的盒字都刷成黄色？快来试试这款超级棒的工具！但是要悠着点儿使力~
p {
color: red;
}
id选择器
大家瞅瞅这玩意儿，#号后面跟着一串数字或者字母的那个就是 id 选择器了。看起来和 class 有点儿像，其实它们俩干的事儿可大不相同呢～它主要用来查找并改变特定的 id，让每个元素都独具特色。不过要注意，一个网页里面只能出现一次 id，就像每个人都得有自己的身份证号码一样~
.box {
background-color: yellow;
}
后代选择器
后代选啥？就是从东西里挑字。记得别忘了加个空格，代表它们有多亲近哦～如果你想把div里的内容全弄成蓝色，这招就能帮到你。记住空格不光是吃饭的时候才用得着，这玩意儿在编程里面也是特别重要滴！
#header {
font-size: 20px;
}
子元素选择器
挑子元素，就好比手中的棋子，任我们摆布。嗯呐，父子关系就用大于号（>）表示。比如给所有带”container”字样的div里的文字变瘦到18px，这时候这个小工具就有用武之地了。所以看来平常校园里见惯的大于号还真挺神奇
相邻兄弟选择器
div p {
color: blue;
}
告诉你个好玩的东西吧——CSS邻居选择器！它能帮你找出和某个元素特别像的亲戚朋友，然后给你的他们换上漂亮衣服~就靠那个””+””号。打比方说，如果你想让微信朋友圈里的大家都穿灰色，那么这个功能可就派上大用场了！
伪类选择器
知道CSS伪类不？它就是帮我们给元素换个新衣服的。来说说那个超有趣的:hover伪类，当你的小鼠滑上去的时候，链接的文字就能瞬间变红，看起来好拽这个小技巧简直就是鼠标的大爱，每次都会让人看得停不下眼来！
div > .container {
font-size: 18px;
}
伪元素选择器
哈喽！听过伪元素选择器？就是那个可以只挑出部分元素来设置属性的小技巧。比如说:’::before’这个神奇的家伙，我们用它给’p’标签前加个文本框，像签名一样。
其实，那几个看起来有点儿唬人的CSS选择器和代码也挺好学的，就是得多练几遍。真的实战做网页了，也就那么回事儿。遇到啥麻烦事儿呢别着急，学会点儿小秘籍，都能一招搞定！
div + div {
background-color: gray;
}
评论0