CSS通配符定位元素：

^表示以文本开始

$表示以文本结尾

*表示包含文本

通配符语法

通配符查找

css选择器通配符：（用在等号前）

"^"    代表以什么文本开始

"$"    代表以什么文本结束

"*"    代表包含什么文本

CSS：通配符查找元素

^：代表以什么文本开始

$：代表以什么文本结尾

*：代表包含什么文本

语法：tag[attribute通配符 = 'value']

1.CSS选择器中使用通配符：

"^"代表value的值以什么文本开始

"$"代表value的值以什么文本结尾

"*"代表value的值包含什么文本

2.语法：tag[attribute通配符='value']

通配符查找元素：

<a href="#" title="首页"></a>
<div class="search-warp clearfix" style="min-width: 32px; height: 72px;">
    <div class="pa searchTags">
        <a href="//class.imooc.com/sc/20" target="_blank">前端入门</a>
        <a href="//class.imooc.com/sc/18" target="_blank">java基础</a>
     </div>
 <div  class="search-area" data-search="top-banner">
 </div>

1. div[class='search-area']—————>1个匹配的节点,完全等于search-area的。

2. div[class^='search']—————>2个匹配的节点，以'search'开头的。

3. div[class='search-warp']—————>0个匹配的节点,'search-warp'是不完整的(第1行)。

4. div[class$='area']—————>1个匹配的节点,以'area'结尾的。

5. div[class*='warp']—————>1个匹配的节点,包含'warp'的元素。

   例子1：a[title*='页']—————>1个匹配的节点

   例子2：a[title$='网页']—————>1个匹配的节点

注意：1、不带@；

2、引号为单引号‘’。

CSS中使用通配符匹配

"^"  代表以文本开头匹配

"$"  代表以文本结束匹配

"*"  代表以文本内容匹配

语法： tag[attribute通配符='value']

通配符如上