div.polaroid这个里面的是属于什么选择器呢?属性吗

来源:2-9 选择题

weixin_慕田峪7033080

2020-07-01 07:16:16

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8"> 

<title>菜鸟教程(runoob.com)</title>

<style> 

body

{

margin:30px;

background-color:#E9E9E9;

}


div.polaroid

{

width:294px;

padding:10px 10px 20px 10px;

border:1px solid #BFBFBF;

background-color:white;

/* Add box-shadow */

box-shadow:2px 2px 3px #aaaaaa;

}


div.rotate_left

{

float:left;

-ms-transform:rotate(7deg); /* IE 9 */

-webkit-transform:rotate(7deg); /* Safari and Chrome */

transform:rotate(7deg);

}


div.rotate_right

{

float:left;

-ms-transform:rotate(-8deg); /* IE 9 */

-webkit-transform:rotate(-8deg); /* Safari and Chrome */

transform:rotate(-8deg);

}

</style>

</head>

<body>


<div class="polaroid rotate_left">

<img src="pulpitrock.jpg" alt="" width="284" height="213">

<p class="caption">The pulpit rock in Lysefjorden, Norway.</p>

</div>


<div class="polaroid rotate_right">

<img src="cinqueterre.jpg" alt="" width="284" height="213">

<p class="caption">Monterosso al Mare. One of the five villages in Cinque Terre.</p>

</div>



</body>

</html>


写回答

1回答

好帮手慕糖

2020-07-01

同学你好,这个属于派生选择器哦。

如下,这种为拥有指定属性的HTML元素设置样式,是属性选择器,例:

a[href] {color:red;}/*只对有href属性的a元素应用该样式*/

如果我的回答帮助了你,欢迎采纳,祝学习愉快~

0

0 学习 · 40143 问题

查看课程