CSS中1些独特的左右文挑选符的应用

日期:2021-01-20 类型:科技新闻 

关键词:通道抠图,怎么在图片上编辑文字,创客贴作图神器,免费图片设计制作在线,背景透明图制作

子挑选符 >

文件格式:标识 1 > 标识 2
示例:

CSS Code拷贝內容到剪贴板
  1. section > h2 {font-style:italic;}  

表明:标识 2 务必是标识 1 的子元素,或反过来讲, 标识 1 务必是标识 2 的父元素。与基本的左右文挑选符不一样,这个挑选符中的标识 1 不可以是标识 2 的父元素以外的别的先祖元素。


相邻同胞挑选符 +

文件格式:标识 1 + 标识 2
示例:

CSS Code拷贝內容到剪贴板
  1. h2 + p {font-variant:small-caps;}  


1般同胞挑选符 ~

文件格式:标识 1 ~ 标识 2
示例:

CSS Code拷贝內容到剪贴板
  1. h2 ~ a {color:red;}  

表明:标识 2 务必跟(不1定紧跟)在其同胞标识 1 后边。


通用性挑选符 *

文件格式:* {...}
示例:

CSS Code拷贝內容到剪贴板
  1. * {color:green;}  

表明:上面示例会致使全部元素(的文字和边框)都变为翠绿色。
但是,1般在应用 * 挑选符时,都会另外应用另外一个挑选符。
比如:

CSS Code拷贝內容到剪贴板
  1. p * {color:red;} // 这样只会把p包括的全部元素的文字变为鲜红色  

也有1个十分成心思的用法,即用它组成非子挑选符:
比如:

CSS Code拷贝內容到剪贴板
  1. section * a {font-size:1.3em;}  

这样,任何是 section 孙子元素,而非子元素的 a 标识都会被选定。至于 a
的父元素是甚么,沒有关联。
总而言之,仅有1个标识名的挑选符会选定网页页面中全部同样标识的案例。而根据左右文
挑选符,则能够特定标识务必具有相应的先祖或同胞。