scoped |
Используется для того, чтобы ограничить область действия стиля, для которого задан данный атрибут. Область действия стиля с таким атрибутом будет распространяться на родительский элемент, внутри которого находится тег <style>, и все дочерние элементы этого родителя. Все элементы снаружи области действия будут проигнорированы даже в случае полного совпадения селекторов. Если атрибут отсутствует, то стиль применяется ко всему документу. <body> <p>Цвет текста в этом параграфе будет черным.</p> <div> <style scoped> p {color: green;} </style> <p>А здесь зеленым.</p> <p>И здесь тоже.</p> </div> <p>А здесь снова черным.</p> </body> |