Angular කොම්පොනන්ට් ස්ටයිල් ගොනුව
app.component.css ගොනුව තුළ කොම්පොනන්ට් සඳහා
වන ස්ටයිල් තබා ඇත. මෙහිදී Angular එම ස්ටයිල්වල
මොඩියුලර් ගුණය ස්වයංක්රීයව තහවුරු කරයි.
මෙයින් අදහස් වන්නේ සියලුම ස්ටයිල් අදාළ වන්නේ
අපගේ කොම්පොනන්ට්වල මාර්කප් වලට පමණක් වන අතර,
වෙනත් ටැග් එකට බලපෑම් නොකරන බවයි.
උදාහරණයක් ලෙස div එකක පෙළය ස්ටයිල් කර බලමු:
src/app/app.component.cssdiv {
color: red;
}
Задание 1
පෙළය සහිත div දෙකක් සාදන්න: පළමුවැන්න ඔබගේ කොම්පොනන්ට් මාර්කප් එකේදී සහ දෙවැන්න අඩවි ආකෘතියේදී. කොම්පොනන්ට් එකේ div එක ස්ටයිල් කරන්න. අඩවි ආකෘතියේ ඇති div එක ස්ටයිල් නොවන බව පරීක්ෂා කර බලන්න.