|
回顾之前css基本容易学：网页设计8-网页美化CSS基本
分组选取器亦叫并集选取器，是各个选取器经过逗号连接而成的：
h2,h3,p{color:red; font-size:14px;} /*区别标记构成的并集选取器*/
h3,.special,#one{text-decoration:underline;} /*标记、类、id构成的的并集选取器*/
1.属性选取器
属性选取器能够按照网页标签的属性及属性值来选取标签。属性选取器通常是一个标签后紧跟中括号“[]”，中括号内部是属性或属性表达式
属性选取器指的是选取名叫作为E的标记，且该标记定义了att属性，att属性值包括value的子字符串。必须重视的是E是能够省略的，倘若省略则暗示能够匹配满足要求的任意元素。
<style type="text/css">
p[id^=one]{
color:pink;
font-family: "微软雅黑";
font-size: 20px;
}
</style>
<style type="text/css">
p[id$=main]{
color:#0cf;
font-family: "宋体";
font-size:20px;
}
</style>
2.子代选取器重点用来选取某个元素的第1级子元素。
期盼选取只做为 h1 元素子元素的 strong 元素，能够这般写：h1 > strong。
<style type="text/css">
h1>strong{
color:red;
font-size:20px;
font-family:"微软雅黑";
}
</style>
3.兄弟选取器用来选取与某元素位置于同一个父元素之中，且位置于该元素之后的兄弟元素。
临近兄弟选取器:该选取器运用加号“+”来链接前后两个选取器。选取器中的两个元素有同一个父亲，况且第二个元素必要紧跟第1个元素。
<style type="text/css
| 
发表于 2024-6-30 06:43:39
